Hintergrundfarben mit CSS

Legen Sie doch eigene Klassen für Elemente / Bereiche mit bestimmten Hintergrundfarben fest. Der geringe Aufwand beim Erstellen der Seite, zahlt sich bei einem späteren Redesign aus.

<tr><td class="bgcolor3">Themenüberschrift</td></tr>

Gummibärchen sind auf eine aufreizende Art weich. Und da sie weich sind, kann man sie auch ziehen. Ich mache das sehr gerne. Ich sitze im dunklen Kino und ziehe meine Gummibärchen in die Länge, ganz ganz langsam. Man will sie nicht kaputtmachen, und dann siegt doch die Neugier, wieviel Zug so ein Bärchen aushält. (Vorstellbar sind u.a. Gummibärchen-Expander für Kinder und Genesende). Forscherdrang und gleichzeitig das Böse im Menschen erreichen den Climax, wenn sich die Mitte des gezerrten Bärchens von Millionen Mikrorissen weiß färbt und gleich darauf das zweigeteilte Stück auf die Finger zurückschnappt.

<p class="absatz"><span class="Erster">G</span>ummibärchen sind auf ...

<style type="text/css">
<!--

body {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
background-color: #F9F9F9;
}

.grund {background-color: #F0DDFF;}
.liste {background-color: #CCBBEE;}
.bgcolor0 {background-color: #CCBBEE;}
.bgcolor1 {background-color: #BBAAEE;}
.bgcolor2 {background-color: #9988EE;}
.bgcolor3 {background-color: #6644AA;}


.Erster
{
float: left;
width: 0.9em;
font-size: 3em;
line-height: 85%;
}

/* für den Absatz wurde neben der Hintergrundfarbe, weitere Formatierungen eingetragen*/

.absatz {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
background-color: #F9FFF9;
padding:10px;
border: 1px solid #DFFFE8;
}


-->
</style>

<div class="bgcolor2">     ...    </div>
<td class="bgcolor2">     ...    </td>
<p class="bgcolor3">      Text   </p>
<span class="bgcolor3">   Text  </span>