我該如何製作div標籤的邊框底部？

Question

我有一個div標籤是這樣的：

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

我要讓「測試」弦月形的下邊框！任何人都可以幫忙？ 它是這樣的：

Answer 1

小提琴：

http://jsfiddle.net/F649s/

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

Answer 2

你susheel得到的答覆是準確的，但如果你想要一個更橢圓形的邊框，你需要設置不同的參數。

設置你邊框樣式：

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

您可以用參數以獲得一個不同的曲線，甚至改變em到px（但我自己THIK它這樣更好）。