Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #32cd32 und Farbwert #da70d6

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 #32cd32 und Farbwert #da70d6

Zebra-Effekt mit HTML-Befehl td

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom Zebra-Effekt. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <td> mit unterschiedlichen Hintergrundfarben Farbwert #32cd32 und Farbwert #da70d6.

<style type="text/css"><!--
  td.ger { 
    background-color: #32cd32;
  }
  td.ung { 
    background-color:#da70d6;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="ger">Oa~a</td><td class="ung">Ob~a</td><td class="ger">Oc~a</td></tr>
<tr><td class="ger">Oa~b</td><td class="ung">Ob~b</td><td class="ger">Oc~b</td></tr>
<tr><td class="ger">Oa~c</td><td class="ung">Ob~c</td><td class="ger">Oc~c</td></tr>
</table>

Mehr zum Thema td lesen Sie in Tabellen in HTML. Mehr zum hier genutzten HTML-Befehl td finden Sie in der HTML Referenz unter <td>.

Hintergrund/Text-Kombination mit HTML-Befehl blockquote

Wir ändern bei diesem Beispiel die Textfarbe von <blockquote> auf Farbwert #da70d6 und die Hintergrundfarbe von <blockquote> auf Farbwert #32cd32. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße setzen wir auf 111%.

<style type="text/css"><!--
  blockquote { 
    font-family:sans-serif; 
    background-color:#32cd32; 
    color:#da70d6; 
    font-size:111%;
  }
//-->
</style>

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML nachlesen. Zur Beschreibung des HTML-Tag <blockquote>.