Ressourcen: 120 HTML Farbnamen - Kombination von Farbe seashell und Farbwert #8fbc8f

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Beispiele zur Kombination von Farbe seashell und Farbwert #8fbc8f

Füllen und Umranden bei HTML-Befehl thead

Hier umranden wir <thead> mit einem . Die Hintergrundfarbe für <thead> färben wir mit Farbe seashell. In HTML geht das kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  thead { 
    border-color:#8fbc8f; 
    border-style:dashed; 
    border-width:1px; 
    background-color:seashell;
  }
//-->
</style>

Mehr zum Thema thead können Sie in Tabellen in HTML lesen. Zur Beschreibung des hier verwendeten Befehl <thead>.

Zebra-Effekt mit Befehl td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <td> mit unterschiedlichen Hintergrundfarben Farbe seashell und Farbwert #8fbc8f.

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

Diese werden abwechselnd genutzt.

<table>
<tr><td class="gerade">Q1/1</td><td class="ungerade">Q2/1</td><td class="gerade">Q3/1</td></tr>
<tr><td class="gerade">Q1/2</td><td class="ungerade">Q2/2</td><td class="gerade">Q3/2</td></tr>
<tr><td class="gerade">Q1/3</td><td class="ungerade">Q2/3</td><td class="gerade">Q3/3</td></tr>
</table>

Weiteres zum Thema td können Sie in Tabellen in HTML nachsehen. Einzelheiten vom HTML-Tag <td>.