Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #90ee90 und Farbwert #d2691e

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 #90ee90 und Farbwert #d2691e

Zebra-Effekt bei Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom Zebra-Effekt. Er unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit den Hintergrundfarben Farbwert #90ee90 und Farbwert #d2691e.

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

Diese werden abwechselnd genutzt.

<table>
<tr class="yang"><td>F1,1</td><td>F2,1</td><td>F3,1</td></tr>
<tr class="ying"><td>F1,2</td><td>F2,2</td><td>F3,2</td></tr>
<tr class="yang"><td>F1,3</td><td>F2,3</td><td>F3,3</td></tr>
</table>

Mehr zum Thema tr finden Sie in Tabellen in HTML. Mehr zum HTML-Tag tr ist in der HTML Referenz unter <tr> ausführlich zusammengestellt.

Füllen und Umranden von Tag iframe

Hier umranden wir <iframe> mit einem herausstehenden, 3 Pixel dicken Rahmen in Farbwert #d2691e . Den Hintergrund von <iframe> färben wir mit Farbwert #90ee90. Dies ist mit HTML kaum möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  iframe { 
    border-style:outset; 
    border-color:#d2691e; 
    background-color:#90ee90; 
    border-width:3px;
  }
//-->
</style>

Der HTML-Tag iframe ist in der HTML Referenz bei <iframe> ausführlich zusammengestellt.