带有圆边的{div>元素

Question

我只是头脑风暴的设计理念，这个让我有点难过。我希望能够单独围绕一个盒子的两侧。例如盒子的三边仍然是正方形而第四面是圆形或弯曲的。我自己的实验并没有到达任何地方，谷歌只回来了圆角（边界半径）。看起来它应该很简单，但很明显我错过了一些东西。

有人有什么想法吗？感谢。

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