Couleur du fond de page
Cette propriété "background-color"
sert à définir la couleur du fond de la page ou du contenu
de texte d'un ou plusieurs éléments. On parle parfois de "couleur
d'arrière-plan".
body { background-color: #FFFFCC ; }
Code placé dans HEAD
<style type="text/css">
body
{
background-color: #FFFFCC
; etc...
}
.maroom { background-color: # FFCC99 ;
color: green ; font-weight: bold ; }
</style>
<BODY BGCOLOR= " #FFFFFF " >
Reportez-vous à la page 7a, COLOR, et notez que la valeur #FFFFCC ; peut comme pour la couleur du texte, prendre les variantes #FFC ; ou encore yellow .
La couleur appliquée par le code CSS, même à un bloc est toujours prioritaire sur la couleur normale du <BODY BGCOLOR="#FFFFFF"> (blanche dans ce cas). Mais il est quand même recommandé de placer cette dernière (qui soit proche de celle retenue dans le "background-color" du css), pour le cas où le code css ferait défaut et éviter alors de présenter une page parfois illisible. (ton sur ton).
Vous pouvez aussi appliquer de la même manière avec cette propriété, une couleur au fond de page d'un ou plusieurs paragraphes, ou même à une seule ligne.
Code dans BODY pour des éléments
<p class="maroom"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, ..... dolore magna aliguam erat volutpat.. </p>
Résultat de l'exemple
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Pour placer et définir une couleur de fond dans un texte de la page, deux possibilités:
Code dans Body pour une partie de texte
<center>Ceci est un exemple.<span style="background-color: #CCFFFF ; "> Voici un texte centré et lui seul avec une couleur de fond </span> Ceci est un exemple. </center>
Résultat exemple
Ceci est un exemple. Voici un texte centré et lui seul avec une couleur de fond. Ceci est un exemple.
Code dans Body pour la ligne entière
<p class="cadrevert"> <p style="background-color: #CCFFFF ;" align="center" >Ceci est un exemple. Voici un texte centré et lui seul avec une couleur de fond. Ceci est un exemple</p>
Résultat exemple
Ceci est un exemple. Voici un texte centré et lui seul avec une couleur de fond. Ceci est un exemple
