Immagine di sfondo CSS
Immagine di sfondo CSS
La background-image
proprietà specifica un'immagine da utilizzare come sfondo di un elemento.
Per impostazione predefinita, l'immagine viene ripetuta in modo da coprire l'intero elemento.
Esempio
Imposta l'immagine di sfondo per una pagina:
body {
background-image: url("paper.gif");
}
Esempio
Questo esempio mostra una cattiva combinazione di testo e immagine di sfondo. Il testo è poco leggibile:
body {
background-image: url("bgdesert.jpg");
}
Nota: quando si utilizza un'immagine di sfondo, utilizzare un'immagine che non disturbi il testo.
L'immagine di sfondo può anche essere impostata per elementi specifici, come l'elemento <p>:
Esempio
p {
background-image: url("paper.gif");
}