U kunt een achtergrondafbeelding toevoegen aan een pagina met CSS door de ‘background-image’ eigenschap te gebruiken.
Dit is een voorbeeld van de syntax:
```
body {
background-image: url(“jouw-afbeelding.jpg”);
}
```
Vervang “jouw-afbeelding.jpg” door het pad naar uw eigen afbeelding. Dit kan een relatief pad zijn (bijvoorbeeld ‘afbeeldingen/achtergrond.jpg’) of een absoluut pad naar een afbeelding op het internet.
Er zijn ook extra eigenschappen die u kunt instellen om de achtergrondafbeelding naar wens aan te passen, zoals:
- ‘background-repeat’: Stelt in of de achtergrondafbeelding herhaald moet worden of niet.
- ‘background-position’: Bepaalt de positie van de achtergrondafbeelding.
- ‘background-size’: Bepaalt de grootte van de achtergrondafbeelding.
- ‘background-attachment’: Stelt in of de achtergrondafbeelding zal scrollen met de pagina of op een vaste plaats blijft.
Hier is een voorbeeld over hoe u deze eigenschappen kunt gebruiken:
```
body {
background-image: url(“jouw-afbeelding.jpg”);
background-repeat: no-repeat;
background-position: right top;
background-size: cover;
background-attachment: fixed;
}
```
