css怎么把div的top和bottom凸出去显示？

Question

描述一下大概效果：

就是一个长方形的盒子，上面那条线与下面那条线都是曲线（向外凸出去）。左右两条线不变。

Answer 1

<style type="text/css">
div{

width: 100px;
height: 200px;
margin: 200px auto;
border: 1px solid #333;
line-height: 200px;
text-align: center;
border-radius:50px 50px 50px 50px;

}
</style>
<div>我是长方形</div>

是这个意思么？

Answer 2

图片吧，css3的border-radius用百分比也可以