Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #48d1cc und Farbwert #778899

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 #48d1cc und Farbwert #778899

Zebra-Effekt von HTML-Befehl td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man von einem Zebra-Effekt. Der Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <td> mit unterschiedlichen Hintergrundfarben Farbwert #48d1cc und Farbwert #778899.

<style type="text/css"><!--
  td.ger { 
    background-color: #48d1cc;
  }
  td.ung { 
    background-color: #778899;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr><td class="ger">Va~a</td><td class="ung">Vb~a</td><td class="ger">Vc~a</td></tr>
<tr><td class="ger">Va~b</td><td class="ung">Vb~b</td><td class="ger">Vc~b</td></tr>
<tr><td class="ger">Va~c</td><td class="ung">Vb~c</td><td class="ger">Vc~c</td></tr>
</table>

Mehr zum Thema lesen Sie in Tabellen in HTML. Mehr zum Befehl td erfahren Sie in der HTML Referenz unter <td>.

Text- und Unterstreichungsfarben mit Befehl h5

Mit Befehl <h5> wird eine Überschrift der 5. Stufe erzeugt. Diese kann farblich gestaltet werden.

Für dieses Beispiel ändern wir die Textfarbe von <h5> auf Farbwert #778899 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf courier new und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <h5> mit Hilfe eines doppelten Rahmens mit 5 Punkte Dicke in Farbwert #48d1cc. Das ist in HTML kaum möglich. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  h5 { 
    border-bottom-style:double; 
    color:#789; 
    border-bottom-color:#48d1cc; 
    font-size:13px; 
    font-family:courier new; 
    border-bottom-width:5pt;
  }
//-->
</style>

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

Weiteres zu h5 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung vom HTML-Tag <h5>.