Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f0e68c und Farbwert #faebd7

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Beispiele zur Kombination von Farbwert #f0e68c und Farbwert #faebd7

Zebra-Effekt mit Tag th

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <th> mit unterschiedlichen Hintergrundfarben Farbwert #f0e68c und Farbwert #faebd7.

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

Diese werden abwechselnd verwendet.

<table>
<tr><td class="gerade">O1-1</td><td class="ungerade">O2-1</td><td class="gerade">O3-1</td></tr>
<tr><td class="gerade">O1-2</td><td class="ungerade">O2-2</td><td class="gerade">O3-2</td></tr>
<tr><td class="gerade">O1-3</td><td class="ungerade">O2-3</td><td class="gerade">O3-3</td></tr>
</table>

Mehr zu th erfahren Sie in Tabellen in HTML. Mehr zum HTML-Befehl th ist in der HTML Referenz unter <th> zusammengestellt.

Text- und Unterstreichungsfarben mit HTML-Tag abbr

Hier ändern wir die Textfarbe von <abbr> auf Farbwert #faebd7. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße setzen wir auf 13px. Wir unterstreichen den Inhalt von <abbr> mit Hilfe eines gefurchten Rahmens mit 4 Pixel Dicke in Farbwert #f0e68c. In HTML ist das kaum möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  abbr { 
    border-bottom: 4px groove #f0e68c; 
    font-family: sans-serif; 
    color: #faebd7; 
    font-size: 13px;
  }
//-->
</style>

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

Einzelheiten des Befehl abbr sind in der HTML Referenz bei <abbr> genau zusammengestellt.