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

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 Farbwert #0000ff

Hintergrund/Text-Kombination mit HTML-Befehl a

Mit Befehl <a> wird ein Verweis gesetzt. Diesen können Sie farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbwert #0000ff und die Hintergrundfarbe von <a> auf Farbe olive. Die Schriftart setzen wir auf courier new und als Schriftgröße entscheiden wir uns für 84%.

<style type="text/css"><!--
  a { 
    background-color: olive; 
    font-family: courier new; 
    color: #00f; 
    font-size: 84%;
  }
//-->
</style>

Weiteres zu a erfahren Sie in Verweise und Protokolle in HTML. Mehr zum hier genutzten Tag a ist in der HTML Referenz bei <a> ausführlich gezeigt.

Zebra-Effekt von Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <td> mit den Hintergrundfarben Farbe olive und Farbwert #0000ff.

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

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="odd">TA.A</td><td class="even">TB.A</td><td class="odd">TC.A</td></tr>
<tr><td class="odd">TA.B</td><td class="even">TB.B</td><td class="odd">TC.B</td></tr>
<tr><td class="odd">TA.C</td><td class="even">TB.C</td><td class="odd">TC.C</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML lesen. Der hier verwendete HTML-Befehl td ist in der HTML Referenz bei <td> beschrieben.