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


更多参考:http://www.w3cplus.com/content/css3%E7%9A%84%E5%9C%86%E8%A7%92border-radius 
 

原文地址:https://www.cnblogs.com/Sandheart/p/2479344.html