如何使用CSS border-radius创建直角边框？

Question

3

我正在尝试使用CSS border-radius属性创建这种直角形状：

但目前我只能得到基本的CSS圆角。有没有人有解决方法？我想不使用图像来创建效果。谢谢。

- Arjenovic

1

边框半径，半径是圆的一部分。 - Arun Prasad E S

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Sebastian · Accepted Answer

好的，border-radius总是会创建一个圆角边缘（或者你有没有见过带有半径的多边形？）。我会创建一个可伸缩的svg图像，并在中间加入透明度，以便您可以在css中切换背景颜色，并将其用作盒子的背景。

编辑：也许看一下这里链接的其他问题。那些答案比我的好。