css - 我如何制作 div 标签的底部边框，lunate？

Question

我有一个像这样的 div 标签:

<div id="test">
   <p>Some text here</p>
</div>

我想让'test'的border-bottom变成月牙形!任何人都可以帮忙吗？ 它是这样的:

Answer 1

你从susheel得到的答案是准确的，但是如果你想要更椭圆的边框，你需要设置不同的参数。

将边框样式设置为:

border-radius: 15em/5em;
border-top-left-radius: 0;
border-top-right-radius: 0;

您可以调整参数以获得不同的曲线，甚至可以将 em 更改为 px(但我自己认为这样更好)。