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

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 blue

Zebra-Effekt bei Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom so genannten Zebra-Effekt. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <th> mit den Hintergrundfarben Farbe olive und Farbe blue.

<style type="text/css"><!--
  th.ungerade { 
    background-color: olive;
  }
  th.gerade { 
    background-color: blue;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr><td class="ungerade">WA,A</td><td class="gerade">WB,A</td><td class="ungerade">WC,A</td></tr>
<tr><td class="ungerade">WA,B</td><td class="gerade">WB,B</td><td class="ungerade">WC,B</td></tr>
<tr><td class="ungerade">WA,C</td><td class="gerade">WB,C</td><td class="ungerade">WC,C</td></tr>
</table>

Weiteres zum Thema lesen Sie in Tabellen in HTML. Weiteres zum hier gezeigten Tag th lesen Sie in der HTML Referenz unter <th>.

Hintergrund/Text-Kombination von HTML-Tag h3

Mit Tag <h3> setzen Sie eine Überschrift der 3. Stufe. Diese kann farblich gestaltet und hervorgehoben werden.

Für dieses Beispiel ändern wir die Textfarbe von <h3> auf Farbe blue und die Hintergrundfarbe von <h3> auf Farbe olive. Die Schriftart setzen wir auf courier new und als Schriftgröße setzen wir 80%.

<style type="text/css"><!--
  h3 { 
    color: blue; 
    font-size: 80%; 
    background-color: olive; 
    font-family: courier new;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Einzelheiten des Tag h3 lesen Sie in der HTML Referenz unter <h3>.