Skip to content

2006 年 9 月 27 日

1

用CSS实现圆角

  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>
Read more from Website
1 Comment Post a comment
  1. hxlking
    九 27 2006

    偶还以为CSS是CS系列的那种游戏。。。。

Share your thoughts, post a comment.

(required)
(required)

Note: HTML is allowed. Your email address will never be published.

Subscribe to comments

Free WordPress Theme
Premium WordPress Themes
WordPress Themes