Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #2e8b57 und Farbwert #7b68ee

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 #2e8b57 und Farbwert #7b68ee

Füllen und Umranden bei Tag p

Hier umranden wir <p> mit einem . Die Hintergrundfarbe für <p> setzen wir auf Farbwert #2e8b57. Das geht mit HTML kaum. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  p { border:2pt inset #7b68ee; background-color:#2e8b57; }
//-->
</style>

Weiteres zum Thema p lesen Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum Tag p finden Sie in der HTML Referenz unter <p>.

Zebra-Effekt bei HTML-Tag td

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. 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 den Hintergrundfarben Farbwert #2e8b57 und Farbwert #7b68ee.

<style type="text/css"><!--
  td.yang { 
    background-color:#2e8b57;
  }
  td.ying { 
    background-color:#7b68ee;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="yang">U1,1</td><td class="ying">U2,1</td><td class="yang">U3,1</td></tr>
<tr><td class="yang">U1,2</td><td class="ying">U2,2</td><td class="yang">U3,2</td></tr>
<tr><td class="yang">U1,3</td><td class="ying">U2,3</td><td class="yang">U3,3</td></tr>
</table>

Weiteres zu td können Sie in Tabellen in HTML nachlesen. Zur Beschreibung vom hier verwendeten HTML-Befehl <td>.