Immagine di sfondo CSS

Immagine di sfondo CSS

background-image L'attributo specifica l'immagine utilizzata come sfondo dell'elemento.

Per impostazione predefinita, l'immagine viene ripetuta per coprire l'intero elemento.

Esempio

L'immagine di sfondo della pagina può essere impostata come segue:

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

Prova da solo

Esempio

Questo esempio mostra il testo e l'immagine di sfondo delCombinazione errataTesto difficile da leggere:

body {
  background-image: url("bgdesert.jpg");
}

Prova da solo

Attenzione:Quando si utilizza un'immagine di sfondo, utilizzare immagini che non interferiscano con il testo.

È possibile impostare anche un'immagine di sfondo per un elemento specifico, ad esempio l'elemento <p>:

Esempio

p {
  background-image: url("paper.gif");
}

Prova da solo