CSS- achtergrondafbeelding
CSS achtergrondafbeelding
De background-image
eigenschap specificeert een afbeelding die als achtergrond van een element moet worden gebruikt.
Standaard wordt de afbeelding herhaald, zodat deze het hele element bedekt.
Voorbeeld
Stel de achtergrondafbeelding voor een pagina in:
body {
background-image: url("paper.gif");
}
Voorbeeld
Dit voorbeeld toont een slechte combinatie van tekst en achtergrondafbeelding. De tekst is nauwelijks leesbaar:
body {
background-image: url("bgdesert.jpg");
}
Let op: als je een achtergrondafbeelding gebruikt, gebruik dan een afbeelding die de tekst niet verstoort.
De achtergrondafbeelding kan ook worden ingesteld voor specifieke elementen, zoals het <p>-element:
Voorbeeld
p {
background-image: url("paper.gif");
}