Ressourcen: 137 HTML Farbnamen - Kombination von Farbe powderblue und Farbwert #5f9ea0

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 powderblue und Farbwert #5f9ea0

Zebra-Effekt bei HTML-Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man von einem Zebra-Effekt. Der Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit unterschiedlichen Hintergrundfarben Farbe powderblue und Farbwert #5f9ea0.

<style type="text/css"><!--
  th.odd { 
    background-color: powderblue;
  }
  th.even { 
    background-color:#5f9ea0;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr><td class="odd"><tt>a:a</td><td class="even"></tt>b:a</td><td class="odd"><tt>c:a</td></tr>
<tr><td class="odd"></tt>a:b</td><td class="even"><tt>b:b</td><td class="odd"></tt>c:b</td></tr>
<tr><td class="odd"><tt>a:c</td><td class="even"></tt>b:c</td><td class="odd">@c:c</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML erfahren. Beschreibung vom hier genutzten HTML-Tag <th>.

Füllen und Umranden mit Befehl h1

Eine Überschrift erzeugen Sie mit HTML-Befehl <h1>. Diese kann man hervorheben und farblich gestalten.

Bei diesem Beispiel umranden wir <h1> mit einem einfallenden, 4 Pixel dicken Rahmen in Farbwert #5f9ea0 . Die Hintergrundfarbe für <h1> setzen wir auf Farbe powderblue. Das ist mit HTML kaum möglich. Daher nutzen wir hier CSS.

<style type="text/css"><!--
  h1 { border:4px inset #5f9ea0; background-color:powderblue; }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier gezeigten Tag h1 erfahren Sie in der HTML Referenz unter <h1>.