sastgroup.com

Gestire gli sfondi con i css

Posted on 30. Apr, 2006 by Administrator in css, tutorials

Obiettivo
In questo articolo tratteremo come gestire gli sfondi con i css, sia le immagini che i colori.

Articolo
Lo sfondo, puo' essere applicato a qualsiasi tag html, ad esempio: body,div, p, td e viene gestito applicando lo stile
a questo tramite l'attributo background.

1. Per inserire un colore di sfondo, dobbiamo utilizzare

background-color

che richiede come valore, un valore esadecimale del colore desiderato, ad esempio per il bianco

background-color:#ffffff;

2. Per inserire invece una immagine di sfondo, dobbiamo utilizzare

background-image: url(percorso_della_immagine_di_sfondo);

ad esempio

background-image: url(images/sfondo.gif);

E' possibile posizionare l'immagine di sfondo attraverso

background-position

che richiede come valori top, center, bottom, left, right.
ad esempio

background-position: bottom;

E' possibile decidere di voler ripetere lo sfondo piu volte

background-repeat

puoi decidere di farlo ripetere orizzontalemte (repeat-y), verticalmente (repeat-x) oppure una sola volta (no-repeat).

ad esempio

background-repeat: repeat-x;