Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #c0c0c0 und Farbwert #000080

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 #c0c0c0 und Farbwert #000080

Zebra-Effekt von HTML-Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man von einem Zebra-Effekt. Er unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <th> mit unterschiedlichen Hintergrundfarben Farbwert #c0c0c0 und Farbwert #000080.

<style type="text/css"><!--
  th.ger { 
    background-color:#c0c0c0;
  }
  th.ung { 
    background-color: #000080;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr><td class="ger">CA/A</td><td class="ung">CB/A</td><td class="ger">CC/A</td></tr>
<tr><td class="ger">CA/B</td><td class="ung">CB/B</td><td class="ger">CC/B</td></tr>
<tr><td class="ger">CA/C</td><td class="ung">CB/C</td><td class="ger">CC/C</td></tr>
</table>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Einzelheiten vom Tag th sind in der HTML Referenz unter <th> genau beschrieben.

Füllen und Umranden mit Befehl hr

Hier umranden wir <hr> mit einem 5 Punkte dicken, gepunkteten Rahmen in Farbwert #000080 . Den Hintergrund von <hr> färben wir entsprechend mit Farbwert #c0c0c0. Mit HTML geht dies nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  hr { 
    border-width: 5pt; 
    border-color: #000080; 
    border-style: dotted; 
    background-color: #c0c0c0;
  }
//-->
</style>

Mehr zu hr können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten des hier genutzten Befehl hr sind in der HTML Referenz bei <hr> zusammengestellt.