Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe maroon und Farbe fuchsia

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Beispiele zur Kombination von Farbe maroon und Farbe fuchsia

Hintergrund/Text-Kombination bei Befehl em

Für dieses Beispiel ändern wir die Textfarbe von <em> auf Farbe fuchsia und die Hintergrundfarbe von <em> auf Farbe maroon. Als Schriftart setzen wir verdana und als Schriftgröße entscheiden wir uns für 94%.

<style type="text/css"><!--
  em { 
    font-size: 94%; 
    font-family: verdana; 
    color: fuchsia; 
    background-color: maroon;
  }
//-->
</style>

Mehr zu em erfahren Sie in Text in HTML. Einzelheiten des hier verwendeten HTML-Tag em lesen Sie in der HTML Referenz unter <em>.

Zebra-Effekt bei Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man von einem so genannten Zebra-Effekt. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <tr> mit den Hintergrundfarben Farbe maroon und Farbe fuchsia.

<style type="text/css"><!--
  tr.ger { 
    background-color:maroon;
  }
  tr.ung { 
    background-color: fuchsia;
  }
//-->
</style>

Diese Klassen werden abwechselnd genutzt.

<table>
<tr class="ger"><td>WA:A</td><td>WB:A</td><td>WC:A</td></tr>
<tr class="ung"><td>WA:B</td><td>WB:B</td><td>WC:B</td></tr>
<tr class="ger"><td>WA:C</td><td>WB:C</td><td>WC:C</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML nachlesen. Mehr zum HTML-Befehl tr ist in der HTML Referenz unter <tr> ausführlich zusammengestellt.