Redondea las Esquinas de un Div con CSS sin usar JavaScript o Imágenes

CSS3 Logo

Éste es un código en css para limar las esquinas de un div, es compatible con internet explorer y mozilla, sin usar imágenes o JavaScript.

El HTML
[html]
<div id="wrapper">
<b>
<b></b><b></b>
<b class="r3"></b>
<b></b>
</b>

<!– aquí el contenido –>

<b>
<b></b>
<b class="r3"></b>
<b></b>
<b class="r1"></b>
</b>
</div>
[/html]

El CSS
[css]
div#wrapper { margin: 0 ;background: #F0EDE0 }
b.rtop, b.rbottom { display:block;background: #FFF }
b.rtop b, b.rbottom b { display:block;height: 1px; overflow: hidden; background: #F0EDE0 }
b.r1 { margin: 0 5px }
b.r2 { margin: 0 3px }
b.r3 { margin: 0 2px }
b.rtop b.r4, b.rbottom b.r4{ margin: 0 1px;height: 2px }
[/css]

Recomendado