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

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

Zebra-Effekt bei Befehl td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <td> mit den Hintergrundfarben Farbe teal und Farbe green.

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

Diese Klassen werden abwechselnd genutzt.

<table>
<tr><td class="yang">V1~1</td><td class="ying">V2~1</td><td class="yang">V3~1</td></tr>
<tr><td class="yang">V1~2</td><td class="ying">V2~2</td><td class="yang">V3~2</td></tr>
<tr><td class="yang">V1~3</td><td class="ying">V2~3</td><td class="yang">V3~3</td></tr>
</table>

Weiteres zu td finden Sie in Tabellen in HTML. Weiteres zum hier verwendeten Befehl td finden Sie in der HTML Referenz unter <td>.

Füllen und Umranden mit HTML-Tag dt

Für dieses Beispiel umranden wir <dt> mit einem 2 Punkte dicken, gezahnten Rahmen in Farbe green . Die Hintergrundfarbe für <dt> setzen wir auf Farbe teal. Das geht mit HTML nicht. Daher verwenden wir hierfür CSS.

<style type="text/css"><!--
  dt { border:2pt ridge green; background-color:teal; }
//-->
</style>

Weiteres zu dt können Sie in Listen und Glossare in HTML finden. Der Befehl dt ist in der HTML Referenz unter <dt> ausführlich gezeigt.