CSS : background: color, attachment, repeat, position

Couleur de fond de la page

Background

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

Exemple avec la balise BODY : Valeurs possibles :

• background-color
• background-image
• background-attachment
• background-repeat
• background-position

Vous pouvez définir chaque propriétées individellement Plus simplement, vous pouvez définir une couleur de fond pour votre page HTML 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 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 :

• fixed
• scroll

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 etre définie suivant les valeurs adoptées : Valeurs possibles :

• no-repeat
• repeat
• repeat-x
• repeat-y

Voir un exemple

Vous pouvez définir la position de l'image de fond avec précision: 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 >>>