Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #8b008b und Farbwert #00ff7f

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 #8b008b und Farbwert #00ff7f

Hintergrund/Text-Kombination bei Tag h5

Mit Tag <h5> setzen Sie eine Überschrift der 5. Stufe. Diese kann man farblich gestalten und hervorheben.

Wir ändern hier die Textfarbe von <h5> auf Farbwert #00ff7f und die Hintergrundfarbe von <h5> auf Farbwert #8b008b. Die Schriftart setzen wir auf arial und vergrößern die Schriftgröße auf 128%.

<style type="text/css"><!--
  h5 { 
    background-color: #8b008b; 
    font-size: 128%; 
    color: #00ff7f; 
    font-family: arial;
  }
//-->
</style>

Weiteres zu h5 finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom hier genutzten Befehl <h5>.

Zebra-Effekt von Befehl th

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <th> mit unterschiedlichen Hintergrundfarben Farbwert #8b008b und Farbwert #00ff7f.

<style type="text/css"><!--
  th.ungerade { 
    background-color:#8b008b;
  }
  th.gerade { 
    background-color:#00ff7f;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr><td class="ungerade">S1-1</td><td class="gerade">S2-1</td><td class="ungerade">S3-1</td></tr>
<tr><td class="ungerade">S1-2</td><td class="gerade">S2-2</td><td class="ungerade">S3-2</td></tr>
<tr><td class="ungerade">S1-3</td><td class="gerade">S2-3</td><td class="ungerade">S3-3</td></tr>
</table>

Mehr zum Thema finden Sie in Tabellen in HTML. Möglichkeiten vom Tag th erfahren Sie in der HTML Referenz unter <th>.