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

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 Farbwert #808080 und Farbe red

Hintergrund/Text-Kombination mit Tag del

Hier ändern wir die Textfarbe von <del> auf Farbe red und die Hintergrundfarbe von <del> auf Farbwert #808080. Als Schriftart setzen wir courier new und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  del { 
    color:red; 
    background-color:#808080; 
    font-size:13px; 
    font-family:courier new;
  }
//-->
</style>

Mehr zum hier genutzten HTML-Befehl del ist in der HTML Referenz unter <del> zusammengestellt.

Zebra-Effekt von HTML-Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit den Hintergrundfarben Farbwert #808080 und Farbe red.

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

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr class="ungerade"><td>P1,1</td><td>P2,1</td><td>P3,1</td></tr>
<tr class="gerade"><td>P1,2</td><td>P2,2</td><td>P3,2</td></tr>
<tr class="ungerade"><td>P1,3</td><td>P2,3</td><td>P3,3</td></tr>
</table>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Einzelheiten des Tag tr sind in der HTML Referenz bei <tr> genau gezeigt.