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

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 #808080 und Farbe fuchsia

Füllen und Umranden von HTML-Tag p

Hier umranden wir <p> mit einem einfallenden, 5 Pixel dicken Rahmen in Farbe fuchsia . Den Hintergrund von <p> färben wir mit Farbwert #808080. Das geht in HTML kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  p { 
    border-width:5px; 
    background-color:#808080; 
    border-style:inset; 
    border-color:fuchsia;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Mehr zum hier verwendeten Befehl p ist in der HTML Referenz unter <p> ausführlich beschrieben.

Zebra-Effekt von HTML-Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <th> mit unterschiedlichen Hintergrundfarben Farbwert #808080 und Farbe fuchsia.

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

Diese werden abwechselnd verwendet.

<table>
<tr><td class="gerade">GA/A</td><td class="ungerade">GB/A</td><td class="gerade">GC/A</td></tr>
<tr><td class="gerade">GA/B</td><td class="ungerade">GB/B</td><td class="gerade">GC/B</td></tr>
<tr><td class="gerade">GA/C</td><td class="ungerade">GB/C</td><td class="gerade">GC/C</td></tr>
</table>

Weiteres zum Thema th können Sie in Tabellen in HTML finden. Möglichkeiten des HTML-Befehl th sind in der HTML Referenz bei <th> genau zusammengestellt.