Ressourcen: 137 HTML Farbnamen - Kombination von Farbe mediumvioletred und Farbwert #fff8dc

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Beispiele zur Kombination von Farbe mediumvioletred und Farbwert #fff8dc

Hintergrund/Text-Kombination mit HTML-Tag div

Ein Universalkontainer wird mit HTML-Tag <div> erzeugt. Diesen können Sie farblich gestalten.

Wir ändern für dieses Beispiel die Textfarbe von <div> auf Farbwert #fff8dc und die Hintergrundfarbe von <div> auf Farbe mediumvioletred. Als Schriftart wählen wir monospace. Als Schriftgröße entscheiden wir uns für 114%.

<style type="text/css"><!--
  div { 
    font-size:114%; 
    background-color:mediumvioletred; 
    font-family:monospace; 
    color:#fff8dc;
  }
//-->
</style>

Mehr zum hier gezeigten Befehl <div>.

Zebra-Effekt bei HTML-Befehl td

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <td> mit unterschiedlichen Hintergrundfarben Farbe mediumvioletred und Farbwert #fff8dc.

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

Diese CSS-Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="ung">XA/A</td><td class="ger">XB/A</td><td class="ung">XC/A</td></tr>
<tr><td class="ung">XA/B</td><td class="ger">XB/B</td><td class="ung">XC/B</td></tr>
<tr><td class="ung">XA/C</td><td class="ger">XB/C</td><td class="ung">XC/C</td></tr>
</table>

Weiteres zum Thema lesen Sie in Tabellen in HTML. Der HTML-Tag td ist in der HTML Referenz bei <td> zusammengestellt.