Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffefd5 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 #ffefd5 und Farbwert #bc8f8f

Füllen und Umranden bei Befehl dd

Bei diesem Beispiel umranden wir <dd> mit einem . Die Hintergrundfarbe für <dd> setzen wir auf Farbwert #ffefd5. Das ist mit HTML so kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  dd { border:5pt outset #bc8f8f; background-color:#ffefd5; }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML erfahren. Möglichkeiten vom hier genutzten Tag dd erfahren Sie in der HTML Referenz unter <dd>.

Zebra-Effekt bei HTML-Tag td

Man spricht von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet 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 <td> mit unterschiedlichen Hintergrundfarben Farbwert #ffefd5 und Farbwert #bc8f8f.

<style type="text/css"><!--
  td.gerade { 
    background-color:#ffefd5;
  }
  td.ungerade { 
    background-color: #bc8f8f;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="gerade">W1:1</td><td class="ungerade">W2:1</td><td class="gerade">W3:1</td></tr>
<tr><td class="gerade">W1:2</td><td class="ungerade">W2:2</td><td class="gerade">W3:2</td></tr>
<tr><td class="gerade">W1:3</td><td class="ungerade">W2:3</td><td class="gerade">W3:3</td></tr>
</table>

Mehr zu td lesen Sie in Tabellen in HTML. Die Beschreibung des hier gezeigten HTML-Befehl td finden Sie in der HTML Referenz unter <td>.