首页 > css怎么把div的top和bottom凸出去显示?

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

描述一下大概效果:

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

<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>


是这个意思么?


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

【热门文章】
【热门文章】