Obrázek pozadí CSS
CSS obrázek na pozadí
Vlastnost background-image
určuje obrázek, který se má použít jako pozadí prvku.
Ve výchozím nastavení se obrázek opakuje, takže pokrývá celý prvek.
Příklad
Nastavení obrázku na pozadí stránky:
body {
background-image: url("paper.gif");
}
Příklad
Tento příklad ukazuje špatnou kombinaci textu a obrázku na pozadí. Text je stěží čitelný:
body {
background-image: url("bgdesert.jpg");
}
Poznámka: Při použití obrázku na pozadí použijte obrázek, který neruší text.
Obrázek na pozadí lze také nastavit pro konkrétní prvky, jako je prvek <p>:
Příklad
p {
background-image: url("paper.gif");
}