纯CSS实现DIV圆角
2012-05-02 17:27
507 查看
不兼容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
<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
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 纯DIV+CSS实现圆角代码
- div+css实现圆角边框
- css+div+图片实现高度自适应圆角框
- css实现div圆角
- CSS实现DIV表格圆角
- 一个CSS+DIV做的可拖动带遮罩层的DIV，圆角也是用CSS实现，欢迎大家拍砖
- div+css实现圆角边框
- DIV+CSS实现圆角 --zt
- 纯CSS+DIV实现圆角的三种方法(create a round corner DIV by pure CSS)
- div+css用边框实现圆角矩形(多样式)
- 兼容ie6/ff/ch/op的div+css实现的圆角框
- div+css实现圆角边框
- div+css实现圆角效果
- div+css实现圆角边框：
- 兼容ie6/ff/ch/op的div+css实现的圆角框
- CSS实现div圆角
- CSS实现圆角DIV
- DIV+CSS实现圆角边框
- 纯CSS实现圆角、可拖动的一个DIV弹出层
- HTML+CSS实现圆角DIV