Couleurs, et fonds

Couleurs

Les CSS permettent une notation des couleurs assez variées.

Figure 1 - A l'arrivée, les 5 titres seront de la même couleur...
h1 {color: #FF8800}             /* Codage Html */
h2 {color: #F80}                /* Codage Html simplifié */
h3 {color: rgb(255, 128, 0)}    /* Codage en valeurs RVB  */
h4 {color: rgb(100%, 50%, 0%) } /* Codage en % RVB */
h5 {color: darkorange }         /* Codage en nom html */

Fonds

Les fonds peuvent s'appliquer à n'importe quel type de balise, mais principalement de type blocs.

Propriété	Description	Valeurs possibles
background-color	Couleur de fond d’un élément	Une couleur, ou transparent
background-image	image de fond	Adresse d'une image, ou none
background-repeat	mode de répétition du fond	repeat, repeat-x, repeat-y, no-repeat
background-attachment	fixe ou non la position d’une image	scroll, fixed
background-position	position de départ d’une image dans la page	x% y%, x y top\|bottom\|center left\|center\|right
background	Regroupe les différentes propriétés	Voir figure 2 & 3

C'est surtout le BODY qui profitera des éléments de fonds...

Figure 2 - Tout ceci est bien bavard...
BODY {
   background-color:#CBDACE;
   background-image:url("champignon.jpg");
   background-repeat:no-repeat;
   background-attachment:fixed;
   background-position:bottom right;
}

La propriété background permet de simplifier.

Figure 3 - C'est mieux, non ? (et sur la même ligne, d'ailleurs...)
BODY { background : #CBDACE url("champignon.jpg") 
   no-repeat fixed bottom right; }

Présentation

Supports de cours

Et aussi...

Couleurs, et fonds

Couleurs

Fonds