Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffc0cb und Farbwert #f4a460

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 Farbwert #ffc0cb und Farbwert #f4a460

Füllen und Umranden bei HTML-Tag ins

Für dieses Beispiel umranden wir <ins> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbwert #f4a460 . Den Hintergrund von <ins> färben wir entsprechend mit Farbwert #ffc0cb. In HTML geht dies kaum. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  ins { 
    border-color:#f4a460; 
    border-width:1px; 
    border-style:dashed; 
    background-color:#ffc0cb;
  }
//-->
</style>

Weiteres zum Tag ins ist in der HTML Referenz unter <ins> beschrieben.

Zebra-Effekt von HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man von einem Zebra-Effekt. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #ffc0cb und Farbwert #f4a460.

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

Diese werden abwechselnd angewendet.

<table>
<tr class="yang"><td>Ta/a</td><td>Tb/a</td><td>Tc/a</td></tr>
<tr class="ying"><td>Ta/b</td><td>Tb/b</td><td>Tc/b</td></tr>
<tr class="yang"><td>Ta/c</td><td>Tb/c</td><td>Tc/c</td></tr>
</table>

Weiteres zum Thema tr erfahren Sie in Tabellen in HTML. Möglichkeiten vom hier gezeigten Befehl tr sind in der HTML Referenz bei <tr> genau gezeigt.