Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #800080 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 #800080 und Farbe fuchsia

Zebra-Effekt von Tag tr

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #800080 und Farbe fuchsia.

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

Diese Klassen werden abwechselnd angewendet.

<table>
<tr class="even"><td><tt>1.1</td><td></tt>2.1</td><td><tt>3.1</td></tr>
<tr class="odd"><td></tt>1.2</td><td><tt>2.2</td><td></tt>3.2</td></tr>
<tr class="even"><td><tt>1.3</td><td></tt>2.3</td><td>@3.3</td></tr>
</table>

Weiteres zum Thema tr können Sie in Tabellen in HTML nachlesen. Einzelheiten vom hier gezeigten Tag tr lesen Sie in der HTML Referenz unter <tr>.

Text- und Unterstreichungsfarben von HTML-Tag legend

Hier ändern wir die Textfarbe von <legend> auf Farbe fuchsia. Die Schriftart setzen wir auf arial und setzen die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <legend> mit Hilfe eines doppelten Rahmens mit 4 Punkte Dicke in Farbwert #800080. Dies ist in HTML so kaum möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  legend { 
    font-family:arial; 
    font-size:13px; 
    border-bottom:4pt double #800080; 
    color:fuchsia;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu legend können Sie in Formulare in HTML nachsehen. Möglichkeiten vom hier verwendeten HTML-Befehl legend sind in der HTML Referenz bei <legend> beschrieben.