Crea tu Web: Indice de diseño

Bordes

Bordes redondeados

Con CSS3 pueden crearse bordes redondeados, o usar una imagen para formar esos bordes o incluso crearlos con efecto de sombra.

A diferencia de CSS2 ya no es necesario andar buscando imágenes y componiéndolas para crear cajas con esquinas redondeadas. Para ello se usa la propiedad border-radius

Un ejemplo sencillo

div
{
border:2px solid #a1a1a1;
padding:40px;
background:#dddddd;
width:300px;
border-radius:25px;
}

Nos daría un cuadro como este

Un cuadro con esquinas redondeadas, fácil. 

Hemos creado un rectángulo (un contenedor DIV) con un borde sólido de 2 px color #a1a1a1, un relleno interior (padding) de 40 px, color de fondo (background: #dddddd) ancho 300 px y esquinas redondeadas de 25 px de radio.

 

 

arriba


Comunidad Virtual. Alojamiento gratis