Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe black 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 black und Farbwert #808080

Hintergrund/Text-Kombination mit HTML-Befehl pre

Hier ändern wir die Textfarbe von <pre> auf Farbwert #808080 und die Hintergrundfarbe von <pre> auf Farbe black. Als Schriftart setzen wir monospace und als Schriftgröße entscheiden wir uns für 121%.

<style type="text/css"><!--
  pre { 
    color:#808080; 
    background-color:black; 
    font-size:121%; 
    font-family:monospace;
  }
//-->
</style>

Mehr zu pre finden Sie in Blockorientierte Elemente in HTML. Die Beschreibung des hier verwendeten HTML-Tag pre erfahren Sie in der HTML Referenz unter <pre>.

Zebra-Effekt bei HTML-Befehl tr

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

<style type="text/css"><!--
  tr.odd { 
    background-color:black;
  }
  tr.even { 
    background-color: #808080;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr class="odd"><td>L1,1</td><td>L2,1</td><td>L3,1</td></tr>
<tr class="even"><td>L1,2</td><td>L2,2</td><td>L3,2</td></tr>
<tr class="odd"><td>L1,3</td><td>L2,3</td><td>L3,3</td></tr>
</table>

Weiteres zum Thema tr finden Sie in Tabellen in HTML. Möglichkeiten vom HTML-Befehl tr finden Sie in der HTML Referenz unter <tr>.