Background

Nom anglais pour la propriété CSS de l’arrière-plan d’un élément.

Exemple d’arrière-plan pour le corps d’une page :

body {
background: #90d500 url("image.webp") no-repeat center center fixed;
/* Fallback, alternative de secours pour les navigateurs qui ne supportent pas le format WebP */
background-image: url("image.jpg");
}

Explication des valeurs de la propriété :

Couleur de fond : code hexadécimal abrégé pour définir la couleur de fond.

Image de fond : Utilisez des images de petite taille et compressées pour réduire le temps de chargement de la page.

Répétition de l’image de fond : « background-repeat: no-repeat » pour éviter la répétition de l’image de fond. Cela améliore les performances de la page.

Position de l’image de fond : « background-position: center center » pour centrer l’image de fond quelle que soit la taille de l’écran sur les axes X et Y.

Fixation de l’image de fond : background-attachment: fixed pour fixer l’image de fond en arrière-plan. L’image reste en place lorsque l’utilisateur fait défiler la page.