Bordes redondeados en CSS3

Muchas son las novedades de CSS3 muy interesantes para facilitar la maquetación de una web. Esta propiedad redondea las esquinas de nuestra caja, es:

border-radius: 5px;

De este modo redondeamos todas las esquinas por igual, pero también podemos hacerlas una a una a distintos tamaños consiguiendo distintos efectos:

border: 1px solid #000; border-radius: 2px 5px 3px 4px;

Esto es: Esquina superior izquierda(2px) | Esquina superior derecha(5px) | Esquina inferior derecha(3px) | Esquina inferior izquierda(4px)

Usaremos los prefijos -moz y -webkit- para los navegadores mozilla y basados en webkit.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s