Ressourcen: 120 HTML Farbnamen - Kombination von Farbe powderblue und Farbe mediumblue

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Beispiele zur Kombination von Farbe powderblue und Farbe mediumblue

Hintergrund/Text-Kombination bei HTML-Tag strike

Wir ändern für dieses Beispiel die Textfarbe von <strike> auf Farbe mediumblue und die Hintergrundfarbe von <strike> auf Farbe powderblue. Als Schriftart setzen wir monospace und als Schriftgröße setzen wir 117%.

<style type="text/css"><!--
  strike { 
    background-color: powderblue; 
    font-size: 117%; 
    color: mediumblue; 
    font-family: monospace;
  }
//-->
</style>

Weiteres zu strike erfahren Sie in Text in HTML. Möglichkeiten des HTML-Tag strike sind in der HTML Referenz unter <strike> ausführlich beschrieben.

Zebra-Effekt von HTML-Tag td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <td> mit den Hintergrundfarben Farbe powderblue und Farbe mediumblue.

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

Diese werden abwechselnd angewendet.

<table>
<tr><td class="yang">N1/1</td><td class="ying">N2/1</td><td class="yang">N3/1</td></tr>
<tr><td class="yang">N1/2</td><td class="ying">N2/2</td><td class="yang">N3/2</td></tr>
<tr><td class="yang">N1/3</td><td class="ying">N2/3</td><td class="yang">N3/3</td></tr>
</table>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Einzelheiten des hier verwendeten Befehl <td>.