CSS bakgrundsbild

CSS bakgrundsbild

background-image Egenskapen specificerar bilden som används som elementets bakgrund.

Som standard kommer bilden att upprepas för att täcka hela elementet.

Exempel

Bakgrundsbilden för sidan kan ställas in på detta sätt:

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

Prova själv

Exempel

Detta exempel visar text och bakgrundsbildensFelaktig kombinationText är svår att läsa:

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

Prova själv

Observera:Använd bakgrundsbilder som inte stör texten.

Du kan också sätta bakgrundsbilder för specifika element, till exempel <p>-elementet:

Exempel

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

Prova själv