background

Tutte le proprietà dello sfondo fin qui viste possono essere ridotte nella short definitionbackground:

Diversamente da font, i valori della proprietà background non hanno un ordine prestabilito e, inoltre, non c’è un numero minimo da definire.

Infine, ricordati che grazie ai CSS3 puoi definire in un’unica volta più immagini di sfondo da poter utilizzare. Questa possibilità è molto utile per evitare di aggiungere contenitori nel tuo HTML per impostare più sfondi¹. La sintassi è la seguente:

div{
   background-image: url(images/first_image.png), url(images/second_image.png), url(images/third_image.png);
   background-color: #ff0000;
   background-repeat: no-repeat;
   background-position: top center, top right, bottom left;
}

Logicamente puoi usarla anche sulla short definition, basta che separi i vari background e i posizionamenti o le ripetizioni con una virgola.