CSS:Border-radius

 Share 

Descripción

Permite indicar radios a los bordes de las esquinas de un elemento. Los radios pueden indicarse mediante un tamaño o un porcentaje del tamaño del elemento. En los motores WebKit y Gecko se empezó a soportar esta propiedad antes de que estuviese en el estandar mediante el prefijo -webkit y -moz respectivamente.

Sintaxis

border-radius: [<tamaño>|<porcentaje>]{1,4} [/[<tamaño>|<porcentaje>]{1,4}]?

Ejemplo

#example {
 -moz-border-radius: 400px 200px;
 -webkit-border-radius: 400px 200px;
 border-radius: 400px 200px;
}

Líneas de Código

• Redondear bordes con CSS
• Modificando propiedades CSS con un slider