1. <style type="text/CSS">
  2. div#nifty{margin:0;background:#9BD1FA;font-size:12px;}
  3. p {padding:0 5px;margin:0;}
  4. div.rtop {display:block;background:#fff}
  5. div.rtop div {display:block;height:1px;overflow:hidden;background:#9BD1FA}
  6. div.r1{margin:0 3px}
  7. div.r2{margin:0 2px}
  8. div.r3{margin:0 1px}
  9. div.rtop div.r4 {margin:0 1px;height:1px}
  10. </style>
  11. <div id="nifty">
  12. <div class="rtop">
  13. <div class="r1"></div>
  14. <div class="r2"></div>
  15. <div class="r3"></div>
  16. <div class="r4"></div>
  17. </div>
  18. <p>div + CSS 圆角矩形--From <a href="http://www.achome.cn">www.achome.cn</a></p>
  19. <div class="rtop">
  20. <div class="r4"></div>
  21. <div class="r3"></div>
  22. <div class="r2"></div>
  23. <div class="r1"></div>
  24. </div>
  25. </div>