如何在css中创建凹边框元素[复制]

How to create in css concave border element [duplicate]

提问人：Sasa Jovanovic 提问时间：9/28/2023 更新时间：9/28/2023 访问量：30

问：

这个问题在这里已经有答案了：
在CSS中反转圆角？ （10 个答案）
从div中切出的透明半圆 （8 个答案）
上个月关闭。

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

CSS 边框布局 边框半径

评论

答：

1赞 jessman5 9/28/2023 #1

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

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

上一个：CSS 边框开始将盒子切成两半

下一个：具有线性渐变和半径的上边框 [复制]