Posted By

picale on 03/13/08


Tagged

corners round


Versions (?)

Who likes this?

3 people have marked this snippet as a favorite

f3ze
basicmagic
kolchose


Rounded corners without images


 / Published in: CSS
 

  1. <div id=”container”>
  2. <b class=”rtop”>
  3. <b class=”r1″></b> <b class=”r2″></b> <b class=”r3″></b> <b class=”r4″></b>
  4. </b>
  5. <!–content goes here –>
  6. <b class=”rbottom”>
  7. <b class=”r4″></b> <b class=”r3″></b> <b class=”r2″></b> <b class=”r1″></b>
  8. </b>
  9. </div>
  10.  
  11. .rtop, .rbottom{display:block}
  12. .rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
  13. .r1{margin: 0 5px}
  14. .r2{margin: 0 3px}
  15. .r3{margin: 0 2px}
  16. .r4{margin: 0 1px; height: 2px}

Report this snippet  

You need to login to post a comment.