Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #ff00ff und Farbwert #808080

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Beispiele zur Kombination von Farbwert #ff00ff und Farbwert #808080

Zebra-Effekt mit HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man von einem Zebra-Effekt. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <tr> mit den Hintergrundfarben Farbwert #ff00ff und Farbwert #808080.

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

Diese werden abwechselnd verwendet.

<table>
<tr class="gerade"><td>Da,a</td><td>Db,a</td><td>Dc,a</td></tr>
<tr class="ungerade"><td>Da,b</td><td>Db,b</td><td>Dc,b</td></tr>
<tr class="gerade"><td>Da,c</td><td>Db,c</td><td>Dc,c</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML nachsehen. Einzelheiten des HTML-Tag tr sind in der HTML Referenz unter <tr> zusammengestellt.

Füllen und Umranden bei Tag col

Hier umranden wir <col> mit einem 4 Pixel dicken, einfallenden Rahmen in Farbwert #808080 . Die Hintergrundfarbe für <col> setzen wir entsprechend auf Farbwert #ff00ff. In HTML geht dies nicht. Wir nutzen daher CSS.

<style type="text/css"><!--
  col { 
    border-width:4px; 
    border-style:inset; 
    border-color:#808080; 
    background-color:#f0f;
  }
//-->
</style>

Weiteres zum Thema col können Sie in Tabellen in HTML finden. Mehr zum hier genutzten HTML-Tag col ist in der HTML Referenz unter <col> ausführlich beschrieben.