Ressourcen: 137 HTML Farbnamen - Kombination von Farbe blue und Farbwert #66cdaa

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 Farbe blue und Farbwert #66cdaa

Text- und Unterstreichungsfarben von HTML-Befehl h4

Mit Befehl <h4> erzeugen Sie eine Überschrift der 4. Stufe und kann farblich gestaltet werden.

Wir ändern Hher die Textfarbe von <h4> auf Farbwert #66cdaa. Die Schriftart setzen wir auf monospace und verkleinern die Schriftgröße auf 95%. Wir unterstreichen den Inhalt von <h4> mit Hilfe eines einfallenden Rahmens mit 3 Punkte Dicke in Farbe blue. Mit HTML geht dies kaum. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  h4 { 
    color: #66cdaa; 
    font-family: monospace; 
    border-bottom-width: 3pt; 
    font-size: 95%; 
    border-bottom-color: blue; 
    border-bottom-style: inset;
  }
//-->
</style>

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

Mehr zum Thema h4 lesen Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des Befehl <h4>.

Zebra-Effekt mit HTML-Tag tr

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <tr> mit den Hintergrundfarben Farbe blue und Farbwert #66cdaa.

<style type="text/css"><!--
  tr.gerade { 
    background-color: blue;
  }
  tr.ungerade { 
    background-color: #66cdaa;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr class="gerade"><td>P1/1</td><td>P2/1</td><td>P3/1</td></tr>
<tr class="ungerade"><td>P1/2</td><td>P2/2</td><td>P3/2</td></tr>
<tr class="gerade"><td>P1/3</td><td>P2/3</td><td>P3/3</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML nachlesen. Einzelheiten des HTML-Befehl tr sind in der HTML Referenz bei <tr> ausführlich beschrieben.