Ressourcen: 137 HTML Farbnamen - Kombination von Farbe slategray und Farbwert #7b68ee

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 slategray und Farbwert #7b68ee

Zebra-Effekt von Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom so genannten Zebra-Effekt. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <td> mit unterschiedlichen Hintergrundfarben Farbe slategray und Farbwert #7b68ee.

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

Diese Klassen werden abwechselnd angewendet.

<table>
<tr><td class="gerade">K1~1</td><td class="ungerade">K2~1</td><td class="gerade">K3~1</td></tr>
<tr><td class="gerade">K1~2</td><td class="ungerade">K2~2</td><td class="gerade">K3~2</td></tr>
<tr><td class="gerade">K1~3</td><td class="ungerade">K2~3</td><td class="gerade">K3~3</td></tr>
</table>

Weiteres zu td können Sie in Tabellen in HTML finden. Beschreibung des HTML-Tag <td>.

Hintergrund/Text-Kombination bei Tag dfn

In diesem Beispiel ändern wir die Textfarbe von <dfn> auf Farbwert #7b68ee und die Hintergrundfarbe von <dfn> auf Farbe slategray. Die Schriftart setzen wir auf courier new. Die Schriftgröße ändern wir auf 13px.

<style type="text/css"><!--
  dfn { 
    color: #7b68ee; 
    font-family: courier new; 
    background-color: slategray; 
    font-size: 13px;
  }
//-->
</style>

Weiteres zum Thema können Sie in Text in HTML nachlesen. Möglichkeiten des hier genutzten Tag dfn sind in der HTML Referenz bei <dfn> ausführlich zusammengestellt.