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

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

Zebra-Effekt mit HTML-Tag tr

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit den Hintergrundfarben Farbe teal und Farbwert #ffffff.

<style type="text/css"><!--
  tr.ungerade { 
    background-color: teal;
  }
  tr.gerade { 
    background-color:#ffffff;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr class="ungerade"><td>MA/A</td><td>MB/A</td><td>MC/A</td></tr>
<tr class="gerade"><td>MA/B</td><td>MB/B</td><td>MC/B</td></tr>
<tr class="ungerade"><td>MA/C</td><td>MB/C</td><td>MC/C</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML nachsehen. Weiteres zum Tag tr lesen Sie in der HTML Referenz unter <tr>.

Hintergrund/Text-Kombination mit HTML-Befehl dt

Wir ändern in diesem Beispiel die Textfarbe von <dt> auf Farbwert #ffffff und die Hintergrundfarbe von <dt> auf Farbe teal. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße ändern wir auf 9px.

<style type="text/css"><!--
  dt { 
    background-color: teal; 
    color: #fff; 
    font-family: sans-serif; 
    font-size: 9px;
  }
//-->
</style>

Weiteres zum Thema dt können Sie in Listen und Glossare in HTML lesen. Die Beschreibung des Tag dt finden Sie in der HTML Referenz unter <dt>.