纯CSS实现DIV圆角
不兼容IE9一下的IE浏览器
<style type="text/css">
body{ background:#eeeeee;}
.yj{
border:solid #cccccc 20px;
border-top:inset #aaaaaa 20px;
background:#dddddd;
border-radius:30px 50px 5px 15px;
padding:2 5px;
}
</style>
<body>
<div class="yj">
fgsfdhs
<br>
sdfg
<br>
sdfg
<br>
ksfgsd
</div>
<input class="yj" type="button" value="我是圆的" />
<input class="yj" type="text" value="我是圆的" />
<li class="yj">heh</li>
<textarea class="yj">sgs</textarea>
</body>
body{ background:#eeeeee;}
.yj{
border:solid #cccccc 20px;
border-top:inset #aaaaaa 20px;
background:#dddddd;
border-radius:30px 50px 5px 15px;
padding:2 5px;
}
</style>
<body>
<div class="yj">
fgsfdhs
<br>
sdfg
<br>
sdfg
<br>
ksfgsd
</div>
<input class="yj" type="button" value="我是圆的" />
<input class="yj" type="text" value="我是圆的" />
<li class="yj">heh</li>
<textarea class="yj">sgs</textarea>
</body>
更多参考：http://www.w3cplus.com/content/css3%E7%9A%84%E5%9C%86%E8%A7%92border-radius
