<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