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>

<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>

下一篇：随滚动条移动的层