Pour ajouter une image de fond à une page avec CSS, vous devez utiliser la propriété “background-image”. Voici comment vous pouvez faire cela :
```
body {
background-image: url(‘chemin_vers_votre_image.jpg’);
}
```
Si vous voulez que l’image de fond couvre toute la page, vous pouvez utiliser les propriétés suivantes :
```
body {
background-image: url(‘chemin_vers_votre_image.jpg’);
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
```
Ces propriétés signifient :
- `background-position: center center;` positionne l’image au centre de la page.
- `background-repeat: no-repeat;` empêche l’image de se répéter sur la page.
- `background-attachment: fixed;` fixe l’image de sorte qu’elle ne bouge pas lors du défilement de la page.
- `background-size: cover;` s’assure que l’image couvre toute la page, quitte à être coupée ou à déborder.
N’oubliez pas de remplacer `‘chemin_vers_votre_image.jpg’` par le véritable chemin vers votre image de fond. Cela peut être une URL ou un chemin local vers un fichier de votre projet.
Notez aussi que les chemins relatifs dans les fichiers CSS sont toujours relatifs au fichier CSS, pas au fichier HTML. Si votre image est dans le même dossier que votre fichier CSS, vous pouvez juste utiliser le nom du fichier : `url(‘nom_de_votre_image.jpg’)`. Si votre image est dans un dossier au-dessus de votre fichier CSS, vous pouvez utiliser `..` pour remonter d’un niveau : `url(‘../nom_de_votre_image.jpg’)`.
