Image de fond CSS

Image de fond CSS

background-image Cette propriété spécifie l'image utilisée comme arrière-plan de l'élément.

Par défaut, l'image est répétée pour couvrir tout l'élément.

Exemple

L'image de fond de la page peut être définie ainsi :

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

Essayer vous-même

Exemple

Ce exemple montre l'interaction entre le texte et l'image de fond deMauvaise combinaison.Texte difficile à lire :

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

Essayer vous-même

Attention :Lorsque vous utilisez une image de fond, veuillez utiliser une image qui ne perturbe pas le texte.

Vous pouvez également définir une image de fond pour un élément spécifique, par exemple pour l'élément <p> :

Exemple

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

Essayer vous-même