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

Zebra-Effekt mit HTML-Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom Zebra-Effekt. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit den Hintergrundfarben Farbwert #00ff00 und Farbe olive.

<style type="text/css"><!--
  tr.ungerade { 
    background-color:#0f0;
  }
  tr.gerade { 
    background-color: olive;
  }
//-->
</style>

Diese Klassen werden abwechselnd genutzt.

<table>
<tr class="ungerade"><td>UA/A</td><td>UB/A</td><td>UC/A</td></tr>
<tr class="gerade"><td>UA/B</td><td>UB/B</td><td>UC/B</td></tr>
<tr class="ungerade"><td>UA/C</td><td>UB/C</td><td>UC/C</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML erfahren. Möglichkeiten des HTML-Tag tr sind in der HTML Referenz bei <tr> beschrieben.

Text- und Unterstreichungsfarben von HTML-Tag cite

Hier ändern wir die Textfarbe von <cite> auf Farbe olive. Die Schriftart ändern wir auf monospace. Die Schriftgröße vergrößern wir auf 127%. Wir unterstreichen den Inhalt von <cite> mit Hilfe eines gestrichelten Rahmens mit 3 Pixel Dicke in Farbwert #00ff00. In HTML ist das kaum machbar. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  cite { 
    border-bottom: 3px dashed #0f0; 
    color: olive; 
    font-family: monospace; 
    font-size: 127%;
  }
//-->
</style>

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

Mehr zum HTML-Tag cite ist in der HTML Referenz unter <cite> genau beschrieben.