CSS Image de Fond


image de fond CSS

La propriété image de fond spécifie une image à utiliser comme arrière-plan d'un élément.

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

Exemple

Définissez l'image de fond pour une page :

body {
background-image: url("paper.gif");
}
Essayez-le vous-même »

Exemple

Cet exemple montre une mauvaise combinaison de texte et d'image de fond. Le texte est à peine lisible :

body {
background-image: url("bgdesert.jpg");
}
Essayez-le vous-même »

Remarque : Lors de l'utilisation d'une image de fond, choisissez une image qui ne perturbe pas la lisibilité du texte.

L'image de fond peut également être définie pour des éléments spécifiques, comme l'élément <p> :

Exemple

p {
background-image: url("paper.gif");
}
Essayez-le vous-même »


La Propriété d'Image de Fond CSS

Propriété Description
image de fond Définit l'image de fond pour un élément

Vidéo : Images de Fond CSS