|
Home -> Manuali e Tutorials -> Guida CSS -> Sfondo Pagina
Scarica il tutorial  | Stampa il tutorial  | Cerca nel sito 
GESTIRE GLI SFONDI CON I CSS
Come già spiegato, ricordo che il contenuto del Tag <STYLE> per i css interni e quello dei css esterni è identico; cambierà solo il modo in cui dovranno essere richiamati all'interno della pagina.
Uno sfondo di una pagina web rappresenta uno dei principali aspetti che un webmaster deve affrontare all'inizio della realizzazione di un sito; si può scegliere sia di impostare un colore e sia una immagine. Lo stesso discorso può essere applicato a qualsiasi elemento di una pagina, come ad esempio un paragrafo di testo.
Per cambiare il colore di sfondo ad una pagina web, oltre all'attributo bgcolor del Tag <BODY>, si può usare la seguente stringa:
| body { background:#FFFF00; } |
che altro non farà che impostare uno sfondo giallo.
E' possibile comunque impostare un colore di background a qualsiasi elemento, quale ad esempio un'intestazione <H1>:
Per impostare invece una immagine di sottofondo, basta utilizzare il seguente codice:
| body { background-image: url("sfondo.jpg") } |
Inoltre la stessa immagine di sottofondo può essere:
Di codice rispettivamente:
| body { background-image: url("sfondo.jpg"); background-attachment: fixed }
|
body { background-image: url("sfondo.jpg"); background-attachment: scroll }
|
Quindi si può rispettivamente scegliere di fissare un'immagine di sfondo fissa rispetto al testo su di essa scritto, oppure di renderla scorrevole insieme al testo.
Vi è inoltre la possibilità di stabilire come l'immagine deve ripetersi lungo tutta la pagina; essa può essere ripetuta o non secondo questi criteri:
Questi sono in ordine i rispettivi codici:
| body { background-image: url("sfondo.jpg"); background-repeat: repeat-y } |
body { background-image: url("sfondo.jpg"); background-repeat: repeat-x } |
body { background-image: url("sfondo.jpg"); background-repeat: repeat } |
body { background-image: url("sfondo.jpg"); background-repeat: no-repeat } |
Torna su  | Indice Guida  | Pagina << 2 >>
|
