Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe olive und Farbe navy

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 olive und Farbe navy

Zebra-Effekt mit HTML-Tag td

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <td> mit den Hintergrundfarben Farbe olive und Farbe navy.

<style type="text/css"><!--
  td.even { 
    background-color:olive;
  }
  td.odd { 
    background-color:navy;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="even">R1,1</td><td class="odd">R2,1</td><td class="even">R3,1</td></tr>
<tr><td class="even">R1,2</td><td class="odd">R2,2</td><td class="even">R3,2</td></tr>
<tr><td class="even">R1,3</td><td class="odd">R2,3</td><td class="even">R3,3</td></tr>
</table>

Weiteres zu td erfahren Sie in Tabellen in HTML. Beschreibung vom hier gezeigten HTML-Tag <td>.

Text- und Unterstreichungsfarben bei HTML-Befehl kbd

Hier ändern wir die Textfarbe von <kbd> auf Farbe navy. Die Schriftart setzen wir auf courier new und setzen die Schriftgröße auf 82%. Wir unterstreichen den Inhalt von <kbd> mit Hilfe eines gezahnten Rahmens mit 3 Punkte Dicke in Farbe olive. In HTML geht dies nicht. Wir verwenden daher CSS.

<style type="text/css"><!--
  kbd { 
    border-bottom:3pt ridge olive; 
    font-size:82%; 
    font-family:courier new; 
    color:navy;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu kbd können Sie in Text in HTML nachlesen. Möglichkeiten des hier verwendeten Tag <kbd>.