Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #00ff00 und Farbwert #7b68ee

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 #00ff00 und Farbwert #7b68ee

Text- und Unterstreichungsfarben von Tag blockquote

Hier ändern wir die Textfarbe von <blockquote> auf Farbwert #7b68ee und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf arial und vergrößern die Schriftgröße auf 117%. Wir unterstreichen den Inhalt von <blockquote> mit Hilfe eines gezahnten Rahmens mit 4 Punkte Dicke in Farbwert #00ff00. In HTML ist dies nicht machbar. Deshalb verwenden wir CSS.

<style type="text/css"><!--
  blockquote { 
    font-size: 117%; 
    font-family: arial; 
    color: #7b68ee; 
    border-bottom: 4pt ridge #00ff00;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Zur Beschreibung vom hier genutzten HTML-Tag <blockquote>.

Zebra-Effekt mit Befehl td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <td> mit den Hintergrundfarben Farbwert #00ff00 und Farbwert #7b68ee.

<style type="text/css"><!--
  td.odd { 
    background-color:#00ff00;
  }
  td.even { 
    background-color: #7b68ee;
  }
//-->
</style>

Diese Klassen werden abwechselnd angewendet.

<table>
<tr><td class="odd">SA,A</td><td class="even">SB,A</td><td class="odd">SC,A</td></tr>
<tr><td class="odd">SA,B</td><td class="even">SB,B</td><td class="odd">SC,B</td></tr>
<tr><td class="odd">SA,C</td><td class="even">SB,C</td><td class="odd">SC,C</td></tr>
</table>

Weiteres zum Thema td können Sie in Tabellen in HTML lesen. Zur Beschreibung vom Befehl <td>.