CSS Débutant .com

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 { <span class="bleutext">background-color:: #eeeeee;</span> font-family: Verdana, Geneva, Arial; font-size : 12px; }

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
background-color: valeur;

Valeurs possibles :

• Nom de la couleur
• hexadecimal number
• RGB color code
• transparent

Voir un exemple

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

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

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 :

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

Voir un exemple

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