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

Zebra-Effekt von HTML-Befehl tr

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit den Hintergrundfarben Farbe purple und Farbwert #ffff00.

<style type="text/css"><!--
  tr.ungerade { 
    background-color: purple;
  }
  tr.gerade { 
    background-color:#ff0;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd angewendet.

<table>
<tr class="ungerade"><td>Ua/a</td><td>Ub/a</td><td>Uc/a</td></tr>
<tr class="gerade"><td>Ua/b</td><td>Ub/b</td><td>Uc/b</td></tr>
<tr class="ungerade"><td>Ua/c</td><td>Ub/c</td><td>Uc/c</td></tr>
</table>

Weiteres zum Thema lesen Sie in Tabellen in HTML. Möglichkeiten vom hier verwendeten HTML-Befehl <tr>.

Hintergrund/Text-Kombination von Tag colgroup

Hier ändern wir die Textfarbe von <colgroup> auf Farbwert #ffff00 und die Hintergrundfarbe von <colgroup> auf Farbe purple. Als Schriftart setzen wir verdana. Als Schriftgröße entscheiden wir uns für 94%.

<style type="text/css"><!--
  colgroup { 
    color: #ffff00; 
    font-size: 94%; 
    background-color: purple; 
    font-family: verdana;
  }
//-->
</style>

Weiteres zu colgroup können Sie in Tabellen in HTML lesen. Weiteres zum Befehl colgroup finden Sie in der HTML Referenz unter <colgroup>.