Ressourcen: 137 HTML Farbnamen - Kombination von Farbe goldenrod und Farbwert #191970

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 Farbe goldenrod und Farbwert #191970

Zebra-Effekt mit Tag td

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

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

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr><td class="even">U1~1</td><td class="odd">U2~1</td><td class="even">U3~1</td></tr>
<tr><td class="even">U1~2</td><td class="odd">U2~2</td><td class="even">U3~2</td></tr>
<tr><td class="even">U1~3</td><td class="odd">U2~3</td><td class="even">U3~3</td></tr>
</table>

Weiteres zu td können Sie in Tabellen in HTML lesen. Möglichkeiten vom hier genutzten HTML-Tag <td>.

Hintergrund/Text-Kombination von Tag col

Wir ändern hier die Textfarbe von <col> auf Farbwert #191970 und die Hintergrundfarbe von <col> auf Farbe goldenrod. Die Schriftart setzen wir auf monospace und als Schriftgröße setzen wir 13px.

<style type="text/css"><!--
  col { 
    font-family: monospace; 
    color: #191970; 
    font-size: 13px; 
    background-color: goldenrod;
  }
//-->
</style>

Mehr zu col können Sie in Tabellen in HTML erfahren. Einzelheiten vom hier gezeigten HTML-Befehl col sind in der HTML Referenz bei <col> ausführlich gezeigt.