Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #d2691e und Farbwert #bc8f8f

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 #d2691e und Farbwert #bc8f8f

Füllen und Umranden von Tag dd

Hier umranden wir <dd> mit einem 4 Punkte dicken, gepunkteten Rahmen in Farbwert #bc8f8f . Die Hintergrundfarbe für <dd> setzen wir entsprechend auf Farbwert #d2691e. In HTML geht das nicht. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  dd { border:4pt dotted #bc8f8f; background-color:#d2691e; }
//-->
</style>

Mehr zum Thema dd können Sie in Listen und Glossare in HTML finden. Einzelheiten vom hier gezeigten Befehl <dd>.

Zebra-Effekt von Befehl td

Man redet von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <td> mit unterschiedlichen Hintergrundfarben Farbwert #d2691e und Farbwert #bc8f8f.

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

Diese Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="odd">S1-1</td><td class="even">S2-1</td><td class="odd">S3-1</td></tr>
<tr><td class="odd">S1-2</td><td class="even">S2-2</td><td class="odd">S3-2</td></tr>
<tr><td class="odd">S1-3</td><td class="even">S2-3</td><td class="odd">S3-3</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML finden. Der hier gezeigte Befehl td ist in der HTML Referenz bei <td> gezeigt.