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

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 silver

Zebra-Effekt bei Tag td

Man spricht von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <td> mit den Hintergrundfarben Farbe green und Farbe silver.

<style type="text/css"><!--
  td.ungerade { 
    background-color:green;
  }
  td.gerade { 
    background-color:silver;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr><td class="ungerade">U1/1</td><td class="gerade">U2/1</td><td class="ungerade">U3/1</td></tr>
<tr><td class="ungerade">U1/2</td><td class="gerade">U2/2</td><td class="ungerade">U3/2</td></tr>
<tr><td class="ungerade">U1/3</td><td class="gerade">U2/3</td><td class="ungerade">U3/3</td></tr>
</table>

Mehr zum Thema lesen Sie in Tabellen in HTML. Möglichkeiten vom hier verwendeten HTML-Tag <td>.

Füllen und Umranden von Befehl hr

In diesem Beispiel umranden wir <hr> mit einem . Die Hintergrundfarbe für <hr> färben wir entsprechend mit Farbe green. In HTML ist das nicht machbar. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  hr { 
    border-style: double; 
    border-color: silver; 
    background-color: green; 
    border-width: 1pt;
  }
//-->
</style>

Mehr zum Thema hr finden Sie in Grundlegende Gestaltungselemente in HTML. Der hier genutzte HTML-Befehl hr ist in der HTML Referenz unter <hr> gezeigt.