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

Füllen und Umranden bei HTML-Befehl kbd

Hier umranden wir <kbd> mit einem . Die Hintergrundfarbe für <kbd> setzen wir entsprechend auf Farbe navy. Dies geht mit HTML nicht. Daher nutzen wir hier CSS.

<style type="text/css"><!--
  kbd { 
    border-color:#808080; 
    border-width:1px; 
    background-color:navy; 
    border-style:groove;
  }
//-->
</style>

Mehr zu kbd können Sie in Text in HTML lesen. Einzelheiten des Tag kbd finden Sie in der HTML Referenz unter <kbd>.

Zebra-Effekt von HTML-Tag td

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <td> mit unterschiedlichen Hintergrundfarben Farbe navy und Farbwert #808080.

<style type="text/css"><!--
  td.ung { 
    background-color: navy;
  }
  td.ger { 
    background-color: #808080;
  }
//-->
</style>

Diese werden dann abwechselnd verwendet.

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

Mehr zum Thema finden Sie in Tabellen in HTML. Mehr zum hier gezeigten HTML-Befehl td finden Sie in der HTML Referenz unter <td>.