CSS 实现圆角表格

 1 <style type="text/css">
 2 div#nifty{ filter:alpha(opacity=20);margin: 0 10%;background:#ECF5FF;}
 3 p {filter:alpha(opacity=50);padding:10px}
 4 div.rtop, div.rbottom{filter:alpha(opacity=50);display:block;background: #FFF}
 5 div.rtop div, div.rbottom div{filter:alpha(opacity=50);display:block;height: 1px;overflow: hidden; background: #9BD1FA}
 6 div.r1{filter:alpha(opacity=50);margin: 0 5px}
 7 div.r2{filter:alpha(opacity=50);margin: 0 3px}
 8 div.r3{filter:alpha(opacity=50);margin: 0 2px}
 9 div.rtop div.r4, div.rbottom div.r4{margin: 0 1px;height: 2px}
10 </style>
11 <div id="nifty">
12 <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
13 <p>无图片的圆角表格</p>
14 <div class="rtop"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
15 </div>

转载于:https://www.cnblogs.com/wanghafan/archive/2012/02/09/2344184.html