Tutorial CSS

La couleur de fond

Mardi 27 Février 2007 à 15h58

La couleur de fond en css c'est background-color.
On peut lui attribuer une des couleurs suivante : Black , Silver, Gray, White, Maroon, Red, Purple, Fuschia, Green, Lime, Olive, Yellow, Navy, Blue, Teal, Aqua (les mêmes que pour color qui permet de donner une couleur à la police)

Ce qui donnera :
background-color : black;
pour obtenir un fond noir.

Si on veut un plus grand choix de couleur on pourra aussi utiliser le système de notation de couleur hexadécimal.

Ce qui donnera :
background-color : #000000 ;
pour obtenir un fond noir.

Le cas le plus classique : Je veux donner une couleur de fond pour toute ma page.

Je rajoute : background-color dans la partie body

/* Définition des paramètres de la page */

body {

  font-family: Verdana, Helvetica, sans-serif;
  font-size: 14px;
  color:  black;
  background-color : silver ;
  background: url(fond2.png) no-repeat left;
  }

(Finalement je préfère un fond gris)
Ou ce qui revient au même :

body {

  font-family: Verdana, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000 ;
  background-color : #c0c0c0;
  background: url(fond2.png) no-repeat left;
  }

Et voilà ma page a un fond gris et la police est en noir.
Remarque: Au passage je supprime la ligne background : url(fond2.png) no-repeat left; qui ne sert plus car le fichier fond2.png n'existe plus.