Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe gray und Farbe teal

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 gray und Farbe teal

Zebra-Effekt von HTML-Befehl td

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <td> mit unterschiedlichen Hintergrundfarben Farbe gray und Farbe teal.

<style type="text/css"><!--
  td.ying { 
    background-color: gray;
  }
  td.yang { 
    background-color:teal;
  }
//-->
</style>

Diese werden abwechselnd genutzt.

<table>
<tr><td class="ying">SA,A</td><td class="yang">SB,A</td><td class="ying">SC,A</td></tr>
<tr><td class="ying">SA,B</td><td class="yang">SB,B</td><td class="ying">SC,B</td></tr>
<tr><td class="ying">SA,C</td><td class="yang">SB,C</td><td class="ying">SC,C</td></tr>
</table>

Mehr zu td können Sie in Tabellen in HTML nachsehen. Die Beschreibung des hier verwendeten Befehl td lesen Sie in der HTML Referenz unter <td>.

Füllen und Umranden bei HTML-Tag del

In diesem Beispiel umranden wir <del> mit einem . Die Hintergrundfarbe für <del> setzen wir auf Farbe gray. In HTML ist dies kaum machbar. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  del { border:5px dashed teal; background-color:gray; }
//-->
</style>

Mehr zum Tag del erfahren Sie in der HTML Referenz unter <del>.