domingo, 17 de febrero de 2013

Bordes redondeados con border-radius CSS3


border-radius es una propiedad CSS3 que permite redondear las esquinas del elemento seleccionado, es compatible en  IE9+, Firefox 4+, Chrome, Safari 5+ y Opera.

border-radius  -> Para todos los navegadores compatibles.
-moz-border-radius -> Para versiones más antiguas de Firefox.
-webkit-border-radius -> Para versiones de crhome y safari
-o-border-radius -> Para versiones de Opera

 border-radius: top_left top_right bottom_right bottom_left;
Ejemplo:  border-radius: 5px 5px 5px 5px; -> que es lo mismo que ... border-radius: 5px;

Obtener código para border-radius ...

Top Left:
Top Right:
Bottom Right:
Bottom Left: