Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #1e90ff und Farbwert #7b68ee

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 #1e90ff und Farbwert #7b68ee

Füllen und Umranden bei HTML-Befehl select

Hier umranden wir <select> mit einem gezahnten, 2 Punkte dicken Rahmen in Farbwert #7b68ee . Den Hintergrund von <select> färben wir mit Farbwert #1e90ff. In HTML geht das kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  select { border:2pt ridge #7b68ee; background-color:#1e90ff; }
//-->
</style>

Weiteres zum Thema select finden Sie in Formulare in HTML. Mehr zum hier genutzten Tag select ist in der HTML Referenz unter <select> genau gezeigt.

Zebra-Effekt mit HTML-Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom Zebra-Effekt. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #1e90ff und Farbwert #7b68ee.

<style type="text/css"><!--
  tr.odd { 
    background-color: #1e90ff;
  }
  tr.even { 
    background-color: #7b68ee;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd verwendet.

<table>
<tr class="odd"><td>SA:A</td><td>SB:A</td><td>SC:A</td></tr>
<tr class="even"><td>SA:B</td><td>SB:B</td><td>SC:B</td></tr>
<tr class="odd"><td>SA:C</td><td>SB:C</td><td>SC:C</td></tr>
</table>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Möglichkeiten des Tag <tr>.