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

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 #808080 und Farbe aqua

Zebra-Effekt mit Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom Zebra-Effekt. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <td> mit unterschiedlichen Hintergrundfarben Farbwert #808080 und Farbe aqua.

<style type="text/css"><!--
  td.ung { 
    background-color:#808080;
  }
  td.ger { 
    background-color: aqua;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr><td class="ung">Ka~a</td><td class="ger">Kb~a</td><td class="ung">Kc~a</td></tr>
<tr><td class="ung">Ka~b</td><td class="ger">Kb~b</td><td class="ung">Kc~b</td></tr>
<tr><td class="ung">Ka~c</td><td class="ger">Kb~c</td><td class="ung">Kc~c</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML erfahren. Einzelheiten des HTML-Tag td sind in der HTML Referenz bei <td> genau gezeigt.

Füllen und Umranden mit Tag iframe

Für dieses Beispiel umranden wir <iframe> mit einem 1 Pixel dicken, gefurchten Rahmen in Farbe aqua . Die Hintergrundfarbe für <iframe> färben wir entsprechend mit Farbwert #808080. Das geht in HTML kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  iframe { 
    border-color: aqua; 
    border-style: groove; 
    background-color: #808080; 
    border-width: 1px;
  }
//-->
</style>

Mehr zum hier gezeigten Tag <iframe>.