如何制作div标签的边界底部，月球？

Question

我有这样的div标签：

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

我想让'测试'月球的边界底部！任何人都可以帮忙吗？  它是这样的：

Answer 1

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

将边框样式设置为：

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

您可以使用参数来获得不同的曲线，甚至可以将em更改为px（但我自己认为这样更好）。

Answer 2

<强>小提琴：

http://jsfiddle.net/F649s/

#test{
    width:150px;
    height:150px;
    border:1px solid silver;
    border-radius: 0 0 50% 50%
}