Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #2e8b57 und Farbwert #b0e0e6

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

Zebra-Effekt mit HTML-Tag td

Man spricht von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <td> mit unterschiedlichen Hintergrundfarben Farbwert #2e8b57 und Farbwert #b0e0e6.

<style type="text/css"><!--
  td.odd { 
    background-color: #2e8b57;
  }
  td.even { 
    background-color:#b0e0e6;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd genutzt.

<table>
<tr><td class="odd">P1:1</td><td class="even">P2:1</td><td class="odd">P3:1</td></tr>
<tr><td class="odd">P1:2</td><td class="even">P2:2</td><td class="odd">P3:2</td></tr>
<tr><td class="odd">P1:3</td><td class="even">P2:3</td><td class="odd">P3:3</td></tr>
</table>

Weiteres zum Thema td lesen Sie in Tabellen in HTML. Beschreibung des hier genutzten HTML-Befehl <td>.

Text- und Unterstreichungsfarben bei HTML-Tag ins

Bei diesem Beispiel ändern wir die Textfarbe von <ins> auf Farbwert #b0e0e6 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße setzen wir auf 13px. Wir unterstreichen den Inhalt von <ins> mit Hilfe eines gepunkteten Rahmens mit 5 Pixel Dicke in Farbwert #2e8b57. Mit HTML ist dies nicht machbar. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  ins { 
    color: #b0e0e6; 
    border-bottom-style: dotted; 
    font-size: 13px; 
    border-bottom-color: #2e8b57; 
    font-family: sans-serif; 
    border-bottom-width: 5px;
  }
//-->
</style>

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

Der hier genutzte Tag ins ist in der HTML Referenz bei <ins> ausführlich beschrieben.