Backgrounds

Propiedades

• background-color
• background-image
• background-repeat
• background-attachment
• background-position

Background-color

Especifica el color del background de un elemento.

div {
    background-color: red;
}

Background-color

Especifica el color del background de un elemento.

h3 {
    background-color: blue;
}

div {
    background-color: red;
}

p {
    background-color: yellow;
}

Background-image

Especifica una imagen para el background de un elemento.

body {
    background-image: url("ggIzzI.jpg");
}

Background-repeat

Se repite la imagen horizontal y verticalmente

body {
    background-image: url("cualquiera.png");
    background-repeat: repeat-x;   /* repetir horizontal */   
    background-repeat: repeat-y;   /* repetir vertical */
    background-repeat: no-repeat;  /* no repetir */
}

Background-position

Cambiar posicion de la imagen

body {
    background-image: url("alfas.png");
    background-position: right top;
}

Background-attachment

Indicar que la imagen tiene que estar fija

body {
    background-image: url("alfa.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;
}

Acortar Propiedades

body {
    background: #ffffff url("alfa.png") no-repeat right top;
}