Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe maroon und Farbwert #ffff00

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 Farbe maroon und Farbwert #ffff00

Füllen und Umranden mit Tag hr

Für dieses Beispiel umranden wir <hr> mit einem einfallenden, 2 Punkte dicken Rahmen in Farbwert #ffff00 . Die Hintergrundfarbe für <hr> setzen wir entsprechend auf Farbe maroon. In HTML ist das kaum möglich. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  hr { 
    border-width:2pt; 
    border-color:#ffff00; 
    border-style:inset; 
    background-color:maroon;
  }
//-->
</style>

Weiteres zum Thema hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier verwendeten Tag hr sind in der HTML Referenz unter <hr> ausführlich beschrieben.

Zebra-Effekt mit HTML-Befehl td

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <td> mit unterschiedlichen Hintergrundfarben Farbe maroon und Farbwert #ffff00.

<style type="text/css"><!--
  td.odd { 
    background-color: maroon;
  }
  td.even { 
    background-color: #ffff00;
  }
//-->
</style>

Diese Klassen werden abwechselnd angewendet.

<table>
<tr><td class="odd"><tt>1~1</td><td class="even"></tt>2~1</td><td class="odd"><tt>3~1</td></tr>
<tr><td class="odd"></tt>1~2</td><td class="even"><tt>2~2</td><td class="odd"></tt>3~2</td></tr>
<tr><td class="odd"><tt>1~3</td><td class="even"></tt>2~3</td><td class="odd">@3~3</td></tr>
</table>

Weiteres zu td können Sie in Tabellen in HTML lesen. Die Beschreibung vom hier gezeigten HTML-Befehl td finden Sie in der HTML Referenz unter <td>.