CSS

CSS 圓角框
  • 1# JDP
  • 470612009-6-24 19:01:57
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" c>
  6. <title>CSS 圓角框</title>
  7. <style type="text/css">
  8. <!--
  9. div.RoundedCorner {background: #F0F0F0}
  10. b.rtop, b.rbottom {display:block;background: #FFF}
  11. b.rtop b, b.rbottom b {display:block;height: 1px;overflow: hidden;
  12. background: #F0F0F0}
  13. b.r1{margin: 0 5px}
  14. b.r2 {margin: 0 3px}
  15. b.r3 {margin: 0 2px}
  16. b.rtop b.r4, b.rbottom b.r4 {margin: 0 1px;height: 2px}
  17. -->
  18. </style>
  19. </head>

  20. <body>
  21. <div class="RoundedCorner">
  22. <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b>
  23. <b class="r4"></b></b>

  24. www.jack-ck.com

  25. <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
  26. </div>
  27. </body>
  28. </html>
複製代碼
Reference: http://mygaf.jack-ck.com/thread-81708-1-1.html
倒序瀏覽 看全部 全部回復1
回復 收藏 轉播 分享 淘帖