Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #008000 und Farbwert #00ffff

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 Farbwert #008000 und Farbwert #00ffff

Zebra-Effekt mit Tag tr

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit den Hintergrundfarben Farbwert #008000 und Farbwert #00ffff.

<style type="text/css"><!--
  tr.yang { 
    background-color: #008000;
  }
  tr.ying { 
    background-color:#00ffff;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr class="yang"><td>Oa/a</td><td>Ob/a</td><td>Oc/a</td></tr>
<tr class="ying"><td>Oa/b</td><td>Ob/b</td><td>Oc/b</td></tr>
<tr class="yang"><td>Oa/c</td><td>Ob/c</td><td>Oc/c</td></tr>
</table>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Einzelheiten des HTML-Befehl tr erfahren Sie in der HTML Referenz unter <tr>.

Füllen und Umranden bei Tag center

Für dieses Beispiel umranden wir <center> mit einem . Den Hintergrund von <center> setzen wir entsprechend auf Farbwert #008000. In HTML ist das nicht möglich. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  center { 
    border-width: 2px; 
    background-color: #008000; 
    border-color: #00ffff; 
    border-style: ridge;
  }
//-->
</style>

Mehr zu center können Sie in Grundlegende Gestaltungselemente in HTML lesen. Der hier gezeigte Tag center ist in der HTML Referenz unter <center> zusammengestellt.