Efectos Web: Efectos de Borde Redondeado

Creación de contenidos redondeados usando imágenes de fondo en CSS.

Ejemplo:

<style type="text/css">

div.topleft { 
width: 250px;
color: #fff;
background: url(images/tl.gif) #f90 no-repeat top left; 
}

div.topright { 
background: url(images/tr.gif) no-repeat top right; 
}

div.bottomright {
background: url(images/br.gif) no-repeat bottom right; 
}

p.bottomleft {
padding:20px;
background: url(images/bl.gif) no-repeat bottom left; 
}

</style>

Descarga los archivos base del siguiente link: Borde Redondeado