Man kann mit CSS Hintergrundfarben für alle (X)HTML-Elemente vergeben, also sowohl eine Farbe für die gesamte Seite als auch nur für einen bestimmten Text, eine Tabellenzeile, etc.
Die Eigenschaft für die Hintergrundfarbe ist dabei immer background-color:, als Wert wird eine Farbe entweder im HEX-Format oder als Wort (green, …) angenommen.
(X)HTML-Beispielcode anzeigen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Hintergrundfarbe</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1>Hintergrundfarbe</h1>
<p id="text">Das ist ein Absatz mit Text. Er hat eine eigene Hintergrundfarbe. Das ist ein Absatz mit Text. Er hat eine eigene Hintergrundfarbe. Das ist ein Absatz mit Text. Er hat eine eigene Hintergrundfarbe. Das ist ein Absatz mit Text. Er hat eine eigene Hintergrundfarbe. Das ist ein Absatz mit Text. Er hat eine eigene Hintergrundfarbe. Das ist ein Absatz mit Text. Er hat eine eigene Hintergrundfarbe. Das ist ein Absatz mit Text. Er hat eine eigene Hintergrundfarbe.</p>
</body>
</html>
Dazu gehörenden CSS-Beispielcode anzeigen
body {
background-color: #FFFF99;
}
h1 {
font-size: 1.7em;
}
p#text {
background-color: darkgreen;
color: white;
}