CSS Background

L'instruction background permet de modifierle fond.

Voici quelques propriétés de background en CSS :

• background
• background-color
• background-image
• background-repeat
• background-position
• background-size

background-color

Permet de mettre une couleur de fond

h1{
  background-color: red;
}

.maClasse{
  background-color: #FF869E;
}

background-image

Permet de mettre une image de fond

body{
  background-image: url("fond.png");
}

background-repeat

Permet de faire répéter l'image de fond ou non

body{
  background-image: url("fond.png");
  background-repeat: no-repeat;
}

background-position

Permet de positionner l'image (gauche, droite, centre, etc.)

body{
  background-image: url("fond.png");
  background-repeat: repeat;
  background-position: center;
}

background-size

Permet de définir la taille de l'image de fond

body{
  background-image: url("fond.png");
  background-repeat: repeat-x;
  background-position: right top;
  background-size: cover;
}