Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe teal und Farbwert #808080

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 Farbwert #808080

Hintergrund/Text-Kombination mit Tag tbody

Wir ändern hier die Textfarbe von <tbody> auf Farbwert #808080 und die Hintergrundfarbe von <tbody> auf Farbe teal. Die Schriftart setzen wir auf courier new und ändern die Schriftgröße auf 11pt.

<style type="text/css"><!--
  tbody { 
    background-color: teal; 
    color: #808080; 
    font-size: 11pt; 
    font-family: courier new;
  }
//-->
</style>

Mehr zum Thema tbody können Sie in Tabellen in HTML lesen. Zur Beschreibung vom hier verwendeten Tag <tbody>.

Zebra-Effekt mit Tag td

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <td> mit den Hintergrundfarben Farbe teal und Farbwert #808080.

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

Diese CSS-Klassen werden abwechselnd angewendet.

<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>

Mehr zum Thema können Sie in Tabellen in HTML lesen. Weiteres zum hier verwendeten HTML-Tag td ist in der HTML Referenz bei <td> zusammengestellt.