Ressourcen: 137 HTML Farbnamen - Kombination von Farbe gold und Farbwert #d3d3d3

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 gold und Farbwert #d3d3d3

Zebra-Effekt mit HTML-Tag tr

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <tr> mit unterschiedlichen Hintergrundfarben Farbe gold und Farbwert #d3d3d3.

<style type="text/css"><!--
  tr.odd { 
    background-color: gold;
  }
  tr.even { 
    background-color:#d3d3d3;
  }
//-->
</style>

Diese Klassen werden abwechselnd angewendet.

<table>
<tr class="odd"><td>WA~A</td><td>WB~A</td><td>WC~A</td></tr>
<tr class="even"><td>WA~B</td><td>WB~B</td><td>WC~B</td></tr>
<tr class="odd"><td>WA~C</td><td>WB~C</td><td>WC~C</td></tr>
</table>

Mehr zu tr finden Sie in Tabellen in HTML. Möglichkeiten vom hier genutzten Tag tr lesen Sie in der HTML Referenz unter <tr>.

Text- und Unterstreichungsfarben bei Tag blockquote

Wir ändern für dieses Beispiel die Textfarbe von <blockquote> auf Farbwert #d3d3d3. Die Schriftart setzen wir auf monospace. Die Schriftgröße setzen wir auf 86%. Wir unterstreichen den Inhalt von <blockquote> mit Hilfe eines gepunkteten Rahmens mit 4 Pixel Dicke in Farbe gold. Dies ist in HTML so kaum möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  blockquote { 
    color: #d3d3d3; 
    border-bottom-style: dotted; 
    font-family: monospace; 
    border-bottom-color: gold; 
    font-size: 86%; 
    border-bottom-width: 4px;
  }
//-->
</style>

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

Mehr zum Thema finden Sie in Blockorientierte Elemente in HTML. Zur Beschreibung vom Befehl <blockquote>.