Ressourcen: 120 HTML Farbnamen - Kombination von Farbe ghostwhite und Farbe antiquewhite

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 ghostwhite und Farbe antiquewhite

Zebra-Effekt mit HTML-Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem Zebra-Effekt. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <tr> mit unterschiedlichen Hintergrundfarben Farbe ghostwhite und Farbe antiquewhite.

<style type="text/css"><!--
  tr.ying { 
    background-color:ghostwhite;
  }
  tr.yang { 
    background-color: antiquewhite;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr class="ying"><td>Ra/a</td><td>Rb/a</td><td>Rc/a</td></tr>
<tr class="yang"><td>Ra/b</td><td>Rb/b</td><td>Rc/b</td></tr>
<tr class="ying"><td>Ra/c</td><td>Rb/c</td><td>Rc/c</td></tr>
</table>

Weiteres zum Thema tr finden Sie in Tabellen in HTML. Beschreibung vom hier verwendeten HTML-Befehl <tr>.

Füllen und Umranden mit Tag iframe

Hier umranden wir <iframe> mit einem doppelten, 4 Punkte dicken Rahmen in Farbe antiquewhite . Den Hintergrund von <iframe> setzen wir auf Farbe ghostwhite. In HTML geht das kaum. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  iframe { 
    border-width:4pt; 
    background-color:ghostwhite; 
    border-style:double; 
    border-color:antiquewhite;
  }
//-->
</style>

Mehr zum HTML-Tag iframe ist in der HTML Referenz unter <iframe> gezeigt.