css - 角を丸くせず、側面を丸くする

Question

以下に表示されているような形状を完全に CSS で作成したいと考えています。おわかりのように、丸みを帯びた角を単に適用するよりも少し微調整が必​​要です...

それはできますか？

Answer 1

これがjsfiddleです：http://jsfiddle.net/swqZL/

クラス "figure" を持つ要素 div の CSS:

.figure {
height: 400px;
width: 200px;
background-color: black;
border-bottom-left-radius: 100%30px;
border-bottom-right-radius: 100%30px;    
}

水平半径 100%、垂直半径 30px