BackGround-img

Découvrez Comment trouver et comment agit le BackGround-img

Mais c'est bien sûr

Pourquoi ?

Car mon constat est, qu'il s'agit d'une question récurrente des moussaillons.

Trouver ce background. ?
Il ce cache dans le css. Il vous suffit de créer une class par exemple class="image" et de lui référencer l'url de l'image à afficher en fond.

Comme ceci:
.image{}

Il ne vous reste plus qu'à dire quoi et où chercher, en insèrent dans les accolades:
background-image: url()

le reste à définir entre les parenthésés

Position

Il est possible maintenant de positionner de diverses manières ce background.

Je vais essayer, moi même moussaillon sans prétentions, de vous démontrer quelques exemples... les annotations dans cartes sont les valeurs donnant les rendu la class contient déjà :

background-image: url( SonUrl.png );
height: 300px

Les images

BG H.

background-size: contain;
background-position: center;
background-repeat: no-repeat

BG H.

BG V.

background-size: contain;
background-position: center;
background-repeat: no-repeat

BG V.

Les positions

background-size: cover;
background-position: left

BG H.

background-size: cover;
background-position: center

BG H.

background-size: cover;
background-position: right;

BG H.

background-size: cover;
background-position: center;
background-repeat: no-repeat

BG H.

background-size: cover;
background-position: top

BG V.

background-size: contain;
background-position: left;
background-repeat: no-repeat

BG V.

background-size: contain;
background-position: center;
background-repeat: no-repeat

BG V.

background-size: contain;
background-position: right;
background-repeat: no-repeat

BG V.

<img>

van

<img src="" alt="">

BG H.

dessin de chaussures

<img style="width: 100%" src="" alt="">

BG V.