Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe green und Farbe yellow

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 green und Farbe yellow

Hintergrund/Text-Kombination von Befehl li

Hier ändern wir die Textfarbe von <li> auf Farbe yellow und die Hintergrundfarbe von <li> auf Farbe green. Die Schriftart ändern wir auf courier new. Als Schriftgröße entscheiden wir uns für 90%.

<style type="text/css"><!--
  li { 
    font-family: courier new; 
    font-size: 90%; 
    background-color: green; 
    color: yellow;
  }
//-->
</style>

Weiteres zu li lesen Sie in Listen und Glossare in HTML. Mehr zum HTML-Tag <li>.

Zebra-Effekt mit Tag td

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <td> mit den Hintergrundfarben Farbe green und Farbe yellow.

<style type="text/css"><!--
  td.ying { 
    background-color:green;
  }
  td.yang { 
    background-color: yellow;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="ying">W1~1</td><td class="yang">W2~1</td><td class="ying">W3~1</td></tr>
<tr><td class="ying">W1~2</td><td class="yang">W2~2</td><td class="ying">W3~2</td></tr>
<tr><td class="ying">W1~3</td><td class="yang">W2~3</td><td class="ying">W3~3</td></tr>
</table>

Weiteres zu td lesen Sie in Tabellen in HTML. Einzelheiten vom Befehl td sind in der HTML Referenz unter <td> zusammengestellt.