background: color, attachment, repeat, position

» Couleur de fond de la page

Couleur de fond de la page

Background

Vous pouvez définir directement en CSS le fond d'une page HTML et même une image.

Exemple avec la balise BODY :
body { background-color:: #eeeeee; font-family: Verdana, Geneva, Arial; font-size : 12px;
Valeurs possibles : Vous pouvez définir chaque propriétées individellement
Couleur de fond
Plus simplement, vous pouvez définir une couleur de fond pour votre page HTML
background-color: valeur;
Valeurs possibles :
  • Nom de la couleur
  • hexadecimal number
  • RGB color code
  • transparent

Voir un exemple

Mettre une image en fond

Vous pouvez mettre une image en fond de vos page HTML
background-image: url(URL_de_image);
Valeurs possibles :
  • url
  • none (rien)

Voir un exemple

Background-attachment : Fond avec une image

Cette propriété "background-attachment" permet de définir si une image reste fixe ou suit le mouvement de la page lors du scroll.

Valeurs possibles :
Voir un exemple

Répétion de l'image

Cette propriété "background-repeat" permet de placer une image en fond de page qui va être définie suivant les valeurs adoptées :
background-repeat: valeur;
Valeurs possibles :
Voir un exemple

Position de l'image de fond
Vous pouvez définir la position de l'image de fond avec précision:
background-position: valeur;
Valeurs possibles :
  • top left
  • top center
  • top right
  • center left
  • center center
  • center right
  • bottom left
  • bottom center
  • bottom right
  • x-% y-%
  • x-pos y-pos

Les unitées possibles sont : cm, em, in, mm, px, pt, pc.

Il est possible de combiner des valeurs de pourcentage avec des valeurs de longueur (ex. 50% 2cm).

Voir un exemple

Gestion des bordures en CSS >>>

Débuter en CSS :

Comprendre et coder en CSS

Tutoriels

Liens