CSS圆角表格效果
2013-09-25 12:58
295 查看
<html> <head> <title>css圆角表格效果</title> <meta http-equiv=”content-type” content=”text/html; charset=gb2312″> <style type=”text/css”> div.RoundedCorner{background: #9BD1FA} b.rtop, b.rbottom{display:block;background: #FFF} b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px} </style> </head> <body> <div class=”RoundedCorner”> <b class=”rtop”><b class=”r1″></b><b class=”r2″></b><b class=”r3″></b><b class=”r4″></b></b> <font face=”隶书”><center>圆角表格的效果</center></font> <br> <br> <br> <br> <b class=”rbottom”><b class=”r4″></b><b class=”r3″></b><b class=”r2″></b><b class=”r1″></b></b> </div> </body> </html> |
![](http://pic002.cnblogs.com/images/2011/304671/2011060813074678.jpg)
相关文章推荐
- CSS实现圆角表格效果
- css 非表格垂直对齐效果代码
- 使用CSS制作圆角效果
- JS+CSS实现矩形对象的圆角效果
- mozila firefox css 圆角效果
- CSS圆角效果 -webkit-border-radius(CSS3中border-radius隐藏的威力)
- 巧妙实现CSS圆角效果
- 用Css控制显示的圆角表格
- 用CSS实现圆角按钮的效果
- 模拟阴影效果纯CSS圆角矩形
- CSS实现表格无外边框效果(只有内十字)
- CSS利用1像素空缺实现圆角效果的方法
- css圆角效果
- div+css模拟表格效果代码
- CSS 圆角效果
- CSS实现表格边框阴影和背景渐变效果
- 用CSS实现表格背景颜色渐变效果
- IE7,IE8浏览器纯CSS实现正圆角效果
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- CSS设置边框圆角效果