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

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 grey und Farbe maroon

Zebra-Effekt mit Tag th

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit den Hintergrundfarben Farbe grey und Farbe maroon.

<style type="text/css"><!--
  th.odd { 
    background-color: grey;
  }
  th.even { 
    background-color: maroon;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr><td class="odd">Oa-a</td><td class="even">Ob-a</td><td class="odd">Oc-a</td></tr>
<tr><td class="odd">Oa-b</td><td class="even">Ob-b</td><td class="odd">Oc-b</td></tr>
<tr><td class="odd">Oa-c</td><td class="even">Ob-c</td><td class="odd">Oc-c</td></tr>
</table>

Mehr zu th können Sie in Tabellen in HTML finden. Mehr zum hier gezeigten Tag <th>.

Text- und Unterstreichungsfarben von Befehl abbr

Bei diesem Beispiel ändern wir die Textfarbe von <abbr> auf Farbe maroon und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf arial und erhöhen die Schriftgröße auf 125%. Wir unterstreichen den Inhalt von <abbr> mit Hilfe eines doppelten Rahmens mit 2 Pixel Dicke in Farbe grey. In HTML geht dies kaum. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  abbr { 
    color: maroon; 
    font-family: arial; 
    border-bottom-width: 2px; 
    border-bottom-style: double; 
    font-size: 125%; 
    border-bottom-color: grey;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Tag <abbr>.