Rounded Corner Boxex - CSS3 - CSS Snipplr Social Repository

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

Choose a language for easy browsing: