Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe gray und Farbwert #00ff00

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 gray und Farbwert #00ff00

Füllen und Umranden von HTML-Befehl span

Bei diesem Beispiel umranden wir <span> mit einem gepunkteten, 1 Pixel dicken Rahmen in Farbwert #00ff00 . Die Hintergrundfarbe für <span> färben wir mit Farbe gray. Mit HTML geht das kaum. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  span { border:1px dotted #00ff00; background-color:gray; }
//-->
</style>

Zur Beschreibung des HTML-Befehl <span>.

Zebra-Effekt bei HTML-Tag tr

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <tr> mit den Hintergrundfarben Farbe gray und Farbwert #00ff00.

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

Diese CSS-Klassen werden dann abwechselnd angewendet.

<table>
<tr class="ungerade"><td>XA~A</td><td>XB~A</td><td>XC~A</td></tr>
<tr class="gerade"><td>XA~B</td><td>XB~B</td><td>XC~B</td></tr>
<tr class="ungerade"><td>XA~C</td><td>XB~C</td><td>XC~C</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML lesen. Der HTML-Befehl tr ist in der HTML Referenz unter <tr> beschrieben.