Bordes Redondeados con CSS

Últimamente vemos paginas que utilizan efectos en las hojas de estilo, que nos trae css3, para hacer mas atractiva su sitio web.

Este es el caso de los bordes redondeados. Anteriormente se ponia una imagen que tuviese las esquinas ovaladas para dar este efecto. Ahora simplemente con una propiedad podemos poner los bordes redondeados, no solo a los divs sino tambien a imagenes.

CSS Bordes Redondeados

Para este caso tendremos una clase llama ‘borde-redondeado’, en donde solo debemos poner el siguiente codigo.

.borde-redondeado{
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

El numero de pixeles significa la intensidad del borde, a mayor el numero el borde se hara mas notorio. Por ultimo te recomiendo la pagina border-radius.com donde podras probar la intensidad de los bordes que deseas darle a un div.