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

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

Hintergrund/Text-Kombination von Tag code

Hier ändern wir die Textfarbe von <code> auf Farbe maroon und die Hintergrundfarbe von <code> auf Farbwert #ffffff. Als Schriftart wählen wir courier new und verkleinern die Schriftgröße auf 96%.

<style type="text/css"><!--
  code { 
    color: maroon; 
    font-family: courier new; 
    font-size: 96%; 
    background-color: #ffffff;
  }
//-->
</style>

Mehr zu code lesen Sie in Text in HTML. Die Beschreibung des hier gezeigten Tag code lesen Sie in der HTML Referenz unter <code>.

Zebra-Effekt mit HTML-Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem so genannten Zebra-Effekt. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <tr> mit den Hintergrundfarben Farbwert #ffffff und Farbe maroon.

<style type="text/css"><!--
  tr.ying { 
    background-color:#ffffff;
  }
  tr.yang { 
    background-color: maroon;
  }
//-->
</style>

Diese Klassen werden abwechselnd angewendet.

<table>
<tr class="ying"><td>O1,1</td><td>O2,1</td><td>O3,1</td></tr>
<tr class="yang"><td>O1,2</td><td>O2,2</td><td>O3,2</td></tr>
<tr class="ying"><td>O1,3</td><td>O2,3</td><td>O3,3</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML nachsehen. Einzelheiten des hier verwendeten HTML-Befehl <tr>.