<html> <title>uiui</title> <style type="text/css"> div#nifty{ margin: 0 10%;background: #9BD1FA} p {padding:10px} div.rtop, div.rbottom{display:block;background: #FFF} div.rtop div, div.rbottom div{display:block;height: 1px;overflow: hidden; background: #9BD1FA} div.r1{margin: 0 5px} div.r2{margin: 0 3px} div.r3{margin: 0 2px} div.rtop div.r4, div.rbottom div.r4{margin: 0 1px;height: 2px} </style> <body> <div id="nifty"> <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div> <p>无图片的圆角表格</p> <div class="rtop"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div> </div> </body> </html>
原文：http://www.cnblogs.com/XACOOL/p/5655481.html