<style type="text/CSS"> 
div#nty{margin:0;background:#9BD1FA} 
p {padding:10px} 
div.rtop {display:block;background:#fff} 
div.rtop 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 {margin:0 1px;height:2px} 
</style> 
<div id="nty"> 
    <div ="rtop"> 
        <div ="r1"></div> 
        <div ="r2"></div> 
        <div ="r3"></div> 
        <div ="r4"></div> 
    </div> 
    <p>div + CSS 圆角矩形</p> 
    <div ="rtop"> 
        <div ="r4"></div> 
        <div ="r3"></div> 
        <div ="r2"></div> 
        <div ="r1"></div> 
    </div> 
</div>