Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe green und Farbwert #808080

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 Farbwert #808080

Zebra-Effekt bei Befehl td

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Dieser Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <td> mit unterschiedlichen Hintergrundfarben Farbe green und Farbwert #808080.

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

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr><td class="yang">X1:1</td><td class="ying">X2:1</td><td class="yang">X3:1</td></tr>
<tr><td class="yang">X1:2</td><td class="ying">X2:2</td><td class="yang">X3:2</td></tr>
<tr><td class="yang">X1:3</td><td class="ying">X2:3</td><td class="yang">X3:3</td></tr>
</table>

Mehr zu td lesen Sie in Tabellen in HTML. Die Beschreibung des hier gezeigten HTML-Befehl td erfahren Sie in der HTML Referenz unter <td>.

Text- und Unterstreichungsfarben von HTML-Tag span

Wir ändern Hher die Textfarbe von <span> auf Farbwert #808080. Die Schriftart setzen wir auf arial und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <span> mit Hilfe eines gestrichelten Rahmens mit 5 Pixel Dicke in Farbe green. Das ist mit HTML so kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  span { 
    border-bottom:5px dashed green; 
    font-family:arial; 
    color:#808080; 
    font-size:13px;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Die Beschreibung des hier verwendeten Tag span lesen Sie in der HTML Referenz unter <span>.