Per impostare un’immagine come sfondo utilizzando il CSS bisogna utilizzare la proprietà background-image.

Esempio

Ecco un esempio in cui usiamo un’immagine nell’elemento <body>:

body {
background-image: url("paper.gif");
background-color: #cccccc;
}

Definizione e utilizzo

La proprietà  background-image imposta una o più immagini di sfondo per un elemento.

Lo sfondo di un elemento è della dimensione totale dell’elemento, compresi padding e border (ma non margin).

Per impostazione predefinita, un’immagine di sfondo viene posizionata nell’angolo in alto a sinistra di un elemento e ripetuta sia verticalmente che orizzontalmente.

Suggerimento

Impostare sempre un colore di sfondo da utilizzare se l’immagine non è disponibile.

Di Redazione

La nostra redazione è costantemente impegnata nel ricercare fonti attendibili e produrre contenuti informativi, guide e suggerimenti utili gratuiti per i lettori di questo sito.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *