Ressourcen: 137 HTML Farbnamen - Kombination von Farbe mediumseagreen 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 mediumseagreen und Farbwert #5f9ea0

Füllen und Umranden mit HTML-Tag p

In diesem Beispiel umranden wir <p> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbwert #5f9ea0 . Den Hintergrund von <p> färben wir mit Farbe mediumseagreen. Dies ist in HTML nicht möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  p { 
    border-color: #5f9ea0; 
    background-color: mediumseagreen; 
    border-width: 5px; 
    border-style: ridge;
  }
//-->
</style>

Weiteres zu p erfahren Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier verwendeten Befehl p finden Sie in der HTML Referenz unter <p>.

Zebra-Effekt von Befehl tr

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

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

Diese Klassen werden abwechselnd genutzt.

<table>
<tr class="even"><td>IA~A</td><td>IB~A</td><td>IC~A</td></tr>
<tr class="odd"><td>IA~B</td><td>IB~B</td><td>IC~B</td></tr>
<tr class="even"><td>IA~C</td><td>IB~C</td><td>IC~C</td></tr>
</table>

Mehr zum Thema lesen Sie in Tabellen in HTML. Einzelheiten vom hier gezeigten HTML-Tag tr finden Sie in der HTML Referenz unter <tr>.