Rounded Corners without Images
Copy this code and paste it in your HTML
<b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b> <!--content goes here -->
<b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
URL: http://stylizedweb.com/2008/03/12/most-used-css-tricks/
Report this snippet
Comments
Subscribe to comments