Beispiel für Hintergrundfarben

Der Befehl <body> dieses Dokuments hat den Farbwert #c0eae8 erhalten. Im Quelltext sieht das so aus:
body { background-color: #c0eae8; }
 
Die Überschrift <h1> wurde ebenso erweitert um h1 { background-color: #ffffff; } .

Dieser Absatz hat nun einen neuen Farbwert erhalten. Durch die "Kastenform" (zum CSS-Box-Model kommen wir später) wird der Absatz wie ein Hinweiskasten hervorgehoben. Im Quelltext sieht das so aus:
p { background-color: #72c8cd; }

Innerhalb dieses Absatzes haben wir jedoch auch einen mit der Klasse .schau ausgezeichneten Text. Diese Klasse wurde auch mit der Eigenschaft background-color erweitert, sodass nur eine definierte Textpassage mit einer neuen Farbe hinterlegt ist. Im Quelltext sieht das so aus:
.schau { background-color: #FFFFFF; }