Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffe4b5 und Farbwert #3cb371

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Beispiele zur Kombination von Farbwert #ffe4b5 und Farbwert #3cb371

Zebra-Effekt von Tag tr

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #ffe4b5 und Farbwert #3cb371.

<style type="text/css"><!--
  tr.gerade { 
    background-color:#ffe4b5;
  }
  tr.ungerade { 
    background-color: #3cb371;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr class="gerade"><td><tt>A/A</td><td></tt>B/A</td><td><tt>C/A</td></tr>
<tr class="ungerade"><td></tt>A/B</td><td><tt>B/B</td><td></tt>C/B</td></tr>
<tr class="gerade"><td><tt>A/C</td><td></tt>B/C</td><td>@C/C</td></tr>
</table>

Weiteres zum Thema finden Sie in Tabellen in HTML. Weiteres zum hier genutzten Tag <tr>.

Füllen und Umranden mit Tag frameset

Für dieses Beispiel umranden wir <frameset> mit einem . Den Hintergrund von <frameset> färben wir mit Farbwert #ffe4b5. Dies ist mit HTML kaum möglich. Deshalb verwenden wir hier CSS.

<style type="text/css"><!--
  frameset { 
    border-color: #3cb371; 
    background-color: #ffe4b5; 
    border-width: 2px; 
    border-style: dotted;
  }
//-->
</style>

Einzelheiten vom hier genutzten Befehl <frameset>.