css实现圆角div
2012-09-27 22:17
543 查看
原理:
效果图:
代码:
效果图:
代码:
<html> <head> <title>圆角div</title> <style type="text/css"> #all { width:600px; height:200px; } b { display:block; margin:0 auto; overflow:hidden; border-left:1px solid red; border-right:1px solid red; height:1px; background:yellow; } .b1,.b10 { width:590px; background:red; } .b2,.b9 { width:592px; } .b3,.b8 { width:594px; } .b4,.b7 { width:596px; } .b5,.b6 { width:598px; } .div1 { width:598px; height:190px; border-left:1px solid red; border-right:1px solid red; background:yellow; } </style> </head> <body> <div id="all"> <b class="b1"></b> <b class="b2"></b> <b class="b3"></b> <b class="b4"></b> <b class="b5"></b> <div class="div1"></div> <b class="b6"></b> <b class="b7"></b> <b class="b8"></b> <b class="b9"></b> <b class="b10"></b> </div> </body> </html>
相关文章推荐
- 纯CSS实现DIV圆角
- 纯DIV+CSS实现圆角代码
- div+css实现圆角边框
- css实现div圆角
- CSS实现DIV表格圆角
- div+css实现圆角边框
- DIV+CSS实现圆角 --zt
- 纯CSS+DIV实现圆角的三种方法(create a round corner DIV by pure CSS)
- CSS+DIV实现圆角
- div+css实现圆角矩形的几种方法
- DIV+CSS圆角效果的简易实现
- div+css实现圆角边框
- 一个CSS+DIV做的可拖动带遮罩层的DIV,圆角也是用CSS实现,欢迎大家拍砖
- div+css实现圆角效果
- div+css实现圆角边框:
- DIV+CSS边框实现圆角矩形
- 用div+css实现无图圆角边框
- [37期]DIV+CSS圆角效果的简易实现[原创]
- CSS实现圆角DIV
- DIV+CSS实现圆角边框