Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #ff0000 und Farbe olive

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 #ff0000 und Farbe olive

Zebra-Effekt bei HTML-Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom Zebra-Effekt. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit unterschiedlichen Hintergrundfarben Farbwert #ff0000 und Farbe olive.

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

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr><td class="odd">JA.A</td><td class="even">JB.A</td><td class="odd">JC.A</td></tr>
<tr><td class="odd">JA.B</td><td class="even">JB.B</td><td class="odd">JC.B</td></tr>
<tr><td class="odd">JA.C</td><td class="even">JB.C</td><td class="odd">JC.C</td></tr>
</table>

Weiteres zum Thema th können Sie in Tabellen in HTML lesen. Mehr zum HTML-Tag th ist in der HTML Referenz bei <th> gezeigt.

Hintergrund/Text-Kombination von Befehl strike

Bei diesem Beispiel ändern wir die Textfarbe von <strike> auf Farbe olive und die Hintergrundfarbe von <strike> auf Farbwert #ff0000. Als Schriftart setzen wir courier new. Die Schriftgröße verkleinern wir auf 80%.

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

Mehr zum Thema strike erfahren Sie in Text in HTML. Mehr zum HTML-Befehl strike ist in der HTML Referenz bei <strike> genau zusammengestellt.