CSS Background Image

CSS Background Image

background-image De eigenschap specificeert de afbeelding die als achtergrond van het element wordt gebruikt.

Standaard herhaalt de afbeelding om het hele element te bedekken.

Voorbeeld

De achtergrondafbeelding van de pagina kan zo worden ingesteld:

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

Probeer het zelf

Voorbeeld

Dit voorbeeld toont de combinatie van tekst en achtergrondafbeeldingen van deFoute combinatie.Tekst is moeilijk te lezen:

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

Probeer het zelf

Opmerking:Gebruik achtergrondafbeeldingen die de tekst niet storen.

U kunt ook achtergrondafbeeldingen instellen voor specifieke elementen, bijvoorbeeld de <p> element:

Voorbeeld

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

Probeer het zelf