如何在css中创建凹形边框元素

Question

我想创建一个盒子的布局，但我不确定是否可以在顶部边框的中间制作一个凹形边框。另外，可以用CSS放置一个圆形元素吗？

Answer 1

您可以使用 svg Shapes 创建顶部具有该切口的元素。您可以在矢量程序中创建矢量图像并将其导出为 SVG，然后使用代码，或者在线查找合适的 svg 生成器工具。

还可以通过使用 svg 形状或通过 css 为 HTML 框元素提供边框半径来添加圆形形状。