Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #808080 und Farbwert #0000ff

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 Farbwert #0000ff

Hintergrund/Text-Kombination von HTML-Befehl input

Wir ändern für dieses Beispiel die Textfarbe von <input> auf Farbwert #0000ff und die Hintergrundfarbe von <input> auf Farbwert #808080. Die Schriftart ändern wir auf arial und ändern die Schriftgröße auf 9pt.

<style type="text/css"><!--
  input { 
    color: #00f; 
    font-family: arial; 
    font-size: 9pt; 
    background-color: #808080;
  }
//-->
</style>

Mehr zu input erfahren Sie in Formulare in HTML. Mehr zum Befehl <input>.

Zebra-Effekt mit Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <th> mit den Hintergrundfarben Farbwert #808080 und Farbwert #0000ff.

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

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="ying">Qa~a</td><td class="yang">Qb~a</td><td class="ying">Qc~a</td></tr>
<tr><td class="ying">Qa~b</td><td class="yang">Qb~b</td><td class="ying">Qc~b</td></tr>
<tr><td class="ying">Qa~c</td><td class="yang">Qb~c</td><td class="ying">Qc~c</td></tr>
</table>

Mehr zum Thema th können Sie in Tabellen in HTML nachlesen. Mehr zum Tag <th>.