CSS. Caja de bordes redondeados para anotaciones
Enviado por Admin en la categoría diariodeoperacion
el Viernes, 28 Abril, 2006
El procedimiento se basa en crear divs de altura de 1px a 3px y jugando con los márgenes simular el redondeado de la caja.
Tags: CSS, diario operación, hojas, estilo, diseño, web, html
CSS
#caja {
width: 400px;
color: #333;
}
.BordeRedondeado {
height: 1px;
overflow: hidden;
/* COLOR DE LA CAJA */
background-color: #E4E4E4;
}
.c1 { margin: 0 12px;}
.c2 { margin: 0 9px;}
.c3 { margin: 0 7px;}
.c4 { margin: 0 6px;}
.c5 { margin: 0 5px;}
.c6 { margin: 0 4px;}
.c7 { margin: 0 3px;}
.c8 { margin: 0 2px; height: 2px;}
.c9 { margin: 0 1px; height: 3px; }
.contenido {
height: auto;
padding: 0 15px;
}
HTML
Vía Intenta.
1 Comentario
Tags: CSS, diario operación, hojas, estilo, diseño, web, htmlCSS
#caja {
width: 400px;
color: #333;
}
.BordeRedondeado {
height: 1px;
overflow: hidden;
/* COLOR DE LA CAJA */
background-color: #E4E4E4;
}
.c1 { margin: 0 12px;}
.c2 { margin: 0 9px;}
.c3 { margin: 0 7px;}
.c4 { margin: 0 6px;}
.c5 { margin: 0 5px;}
.c6 { margin: 0 4px;}
.c7 { margin: 0 3px;}
.c8 { margin: 0 2px; height: 2px;}
.c9 { margin: 0 1px; height: 3px; }
.contenido {
height: auto;
padding: 0 15px;
}
HTML
Lorem ipsum dolor sit amet, consectetuer....
Vía Intenta.

























