Per gestire la parte grafica di una pagina web è fondamentale conoscere i fogli di stile CSS.
Grazie a questi speciali fogli è possibile gestire ogni singolo aspetto, di ogni singolo elemento presente sulla pagina. Dimensione e colore del carattere, colore di sfondo, animazioni e molto altro.
Impostare lo sfondo di un elemento è semplice. Ci basta utilizzare le proprietà background-color o background-image o più semplicemente background.
Per impostare un colore di sfondo (rosso ad esempio) ci basta utilizzare il seguente codice:
#contenitore{
background-color: #ff00000;
}
Il testo “#ff0000” indica il codice esadecimale del colore rosso. Ma con i CSS possiamo utilizzare anche i colori RGB oppure scrivere semplicemente il nome del colore in inglese (nel nostro esempio avremmo dovuto scrivere “red”).
Per impostare invece un’immagine di sfondo basta specificare l’url dell’immagine:
#contenitore{
background-image: url('percorso/verso/immagine/sfondo.jpg');
}
Grazie poi a diverse proprietà come background-repeat, background-position e molte altre, possiamo gestire il comportamento dell’immagine di sfondo.
