La couleur de fond peut être modifiée de la même manière que la couleur du texte.
La propriété utilisée pour modifiée la couleur de fond est background-color. Celle-ci peut être utilisée de la même manière que la propriété color c'est-à-dire avec soit le nom de la couleur, soit sa notation hexadécimale soit sa notation RGB.
Par exemple si je veux que toutes mes balises <em> aient un fond marron je fais :
em { background-color: maroon; }
On peu également combiner couleur de fond et couleur de texte :
em { background-color: black; color: white; }
Comme vous le voyez on a un fond noir et un texte blanc, l'inverse de la configuration normale.
Mais on peut également utiliser l'héritage de CSS pour mettre cette propriété à l'ensemble de la page web.
L'héritage signifie que si j'applique une propriété une une balise, cette propriété sera par défaut sur toutes les autres balises à l'intérieur de celle-ci. J'ai bien dit par défaut car il est tout à fait possible de changer cela.
Si l'on attribue une couleur de fond et une couleur à la balise <body>, c'est toute la page qui aura ces caractéristiques par défaut.