05 Applicare colori e gestire sfondi

Negli esempi  proposti finora abbiamo visto solo come modificare il colore del carattere nel paragrafo. Ora vediamo come modificare anche il colore di sfondo e come inserire un’immagina di sfondo.

color: per impostare il colore del carattere (es. color:#006600; per impostare il colore verde) ;

background: per impostare un colore di sfondo (es. background:#006600; per impostare il colore verde):

background-image: per impostare un’immagine di sfondo (es. background-image:url(sfondo.jpg);)

background-repeat: per ripetere un’immagine utilizzata come sfondo. Questo comando ammette tre valori: repeat-x per ripetere l’immagine in orizzontale; repeat-y per ripetere l’immagine in verticale; no-repeat per non ripetere l’immagine (es. background-repeat: no-repeat;)

background-position: per indicare la posizione dell’immagine nella pagina (es. background-position:20px 10px; in questo caso l’immagine verrà posizionata a 20 pixel dal margine superiore della pagina e a 10 pixel dal margine sinistro).

Vediamo un esempio che racchiude tutti i comandi:

body
{
color: #000000
background: #006600;
background-image: url(sfondo.jpg);
background-repeat: repeat-x;
}