Ressourcen: 120 HTML Farbnamen - Kombination von Farbe thistle und Farbe seashell

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 thistle und Farbe seashell

Füllen und Umranden von HTML-Befehl img

Hier umranden wir <img> mit einem einfallenden, 1 Pixel dicken Rahmen in Farbe seashell . Den Hintergrund von <img> färben wir mit Farbe thistle. In HTML ist dies nicht machbar. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  img { 
    border-color:seashell; 
    background-color:thistle; 
    border-style:inset; 
    border-width:1px;
  }
//-->
</style>

Mehr zum Thema img können Sie in Grafik in HTML erfahren. Einzelheiten vom Befehl img lesen Sie in der HTML Referenz unter <img>.

Zebra-Effekt bei HTML-Befehl td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom so genannten Zebra-Effekt. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <td> mit unterschiedlichen Hintergrundfarben Farbe thistle und Farbe seashell.

<style type="text/css"><!--
  td.yang { 
    background-color: thistle;
  }
  td.ying { 
    background-color:seashell;
  }
//-->
</style>

Diese Klassen werden abwechselnd genutzt.

<table>
<tr><td class="yang"><tt>a~a</td><td class="ying"></tt>b~a</td><td class="yang"><tt>c~a</td></tr>
<tr><td class="yang"></tt>a~b</td><td class="ying"><tt>b~b</td><td class="yang"></tt>c~b</td></tr>
<tr><td class="yang"><tt>a~c</td><td class="ying"></tt>b~c</td><td class="yang">@c~c</td></tr>
</table>

Mehr zum Thema td können Sie in Tabellen in HTML nachlesen. Weiteres zum hier verwendeten HTML-Befehl td ist in der HTML Referenz unter <td> gezeigt.