Advanced Search

Return to Snippet

Revision: 50759
at September 1, 2011 21:34 by distribuida
Updated Code 
/*ESTRUCTURA HTML*/
/*
<div>Contenido de la caja</div>
*/


/*---- USANDO IMAGENES -------*/
/*requiere cuatro imagenes, una para cada esquina*/
.box {
    background-image: url(top-left.gif), url(top-right.gif), url(bottom-left.gif), url(bottom-right.gif);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top left, top right, bottom left, bottom right;
}


/*---- SIN IMAGENES ------*/
.box {
    border-radius: 1.6em;
}

Revision: 50758
at September 1, 2011 21:32 by distribuida
Initial Code 
/*---- USANDO IMÁGENES -------*/
/*requiere cuatro imágenes, una para cada esquina*/
.box {
    background-image: url(top-left.gif), url(top-right.gif), url(bottom-left.gif), url(bottom-right.gif);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top left, top right, bottom left, bottom right;
}


/*---- SIN IMÁGENES ------*/
.box {
    border-radius: 1.6em;
}
Initial URL 
http://24ways.org/2006/rounded-corner-boxes-the-css3-way
Initial Description 









Initial Title





Rounded Corner Boxex - CSS3









Initial Tags














Initial Language





CSS