Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #7fffd4 und Farbe springgreen

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 #7fffd4 und Farbe springgreen

Zebra-Effekt bei Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem Zebra-Effekt. Er unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <th> mit den Hintergrundfarben Farbwert #7fffd4 und Farbe springgreen.

<style type="text/css"><!--
  th.ger { 
    background-color:#7fffd4;
  }
  th.ung { 
    background-color:springgreen;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="ger">S1:1</td><td class="ung">S2:1</td><td class="ger">S3:1</td></tr>
<tr><td class="ger">S1:2</td><td class="ung">S2:2</td><td class="ger">S3:2</td></tr>
<tr><td class="ger">S1:3</td><td class="ung">S2:3</td><td class="ger">S3:3</td></tr>
</table>

Mehr zu th können Sie in Tabellen in HTML nachlesen. Beschreibung vom hier genutzten HTML-Tag <th>.

Füllen und Umranden mit HTML-Tag button

In diesem Beispiel umranden wir <button> mit einem . Die Hintergrundfarbe für <button> setzen wir auf Farbwert #7fffd4. Dies ist mit HTML nicht möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  button { 
    border-color:springgreen; 
    border-style:dashed; 
    background-color:#7fffd4; 
    border-width:5pt;
  }
//-->
</style>

Weiteres zum Thema button erfahren Sie in Formulare in HTML. Mehr zum hier verwendeten Befehl button ist in der HTML Referenz unter <button> zusammengestellt.