Ajouter une image de fond

Image versus background

L'image (ici le logo de la 3WA) est un élément <img>, c'est un contenu et sera référencée par les moteurs de recherche. L'image de fond (les olives) est une décoration déclarée en dans la feuille de style et NE sera PAS référencée par les moteurs de recherche.

Répetition de l'image.

background-repeat: repeat;

background-repeat: no-repeat;

background-repeat: repeat-x;

background-repeat: repeat-y;

Ajustement de la taille de l'image du fond par rapport à son élément.

background-size: contain;

background-size: cover;

background-size: 50%;

background-size: 80% 40%;

Positionnement de l'image.

background-position: center;

background-position: right top;

background-position: right bottom;

background-position: position 80% 40%;