Ressourcen: 137 HTML Farbnamen - Kombination von Farbe salmon und Farbwert #ffe4e1

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 salmon und Farbwert #ffe4e1

Füllen und Umranden von Befehl colgroup

In diesem Beispiel umranden wir <colgroup> mit einem gepunkteten, 5 Pixel dicken Rahmen in Farbwert #ffe4e1 . Die Hintergrundfarbe für <colgroup> färben wir entsprechend mit Farbe salmon. Dies ist mit HTML kaum möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  colgroup { 
    background-color: salmon; 
    border-width: 5px; 
    border-style: dotted; 
    border-color: #ffe4e1;
  }
//-->
</style>

Mehr zum Thema colgroup lesen Sie in Tabellen in HTML. Mehr zum HTML-Tag colgroup ist in der HTML Referenz unter <colgroup> zusammengestellt.

Zebra-Effekt mit Tag tr

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <tr> mit unterschiedlichen Hintergrundfarben Farbe salmon und Farbwert #ffe4e1.

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

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr class="gerade"><td>O1,1</td><td>O2,1</td><td>O3,1</td></tr>
<tr class="ungerade"><td>O1,2</td><td>O2,2</td><td>O3,2</td></tr>
<tr class="gerade"><td>O1,3</td><td>O2,3</td><td>O3,3</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML nachsehen. Einzelheiten des hier verwendeten Befehl <tr>.