Ressourcen: 120 HTML Farbnamen - Kombination von Farbe indianred und Farbe gold

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 indianred und Farbe gold

Zebra-Effekt von HTML-Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man vom so genannten Zebra-Effekt. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <tr> mit unterschiedlichen Hintergrundfarben Farbe indianred und Farbe gold.

<style type="text/css"><!--
  tr.ger { 
    background-color:indianred;
  }
  tr.ung { 
    background-color:gold;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd verwendet.

<table>
<tr class="ger"><td>D1-1</td><td>D2-1</td><td>D3-1</td></tr>
<tr class="ung"><td>D1-2</td><td>D2-2</td><td>D3-2</td></tr>
<tr class="ger"><td>D1-3</td><td>D2-3</td><td>D3-3</td></tr>
</table>

Weiteres zu tr können Sie in Tabellen in HTML finden. Einzelheiten des Befehl <tr>.

Hintergrund/Text-Kombination mit Befehl p

Hier ändern wir die Textfarbe von <p> auf Farbe gold und die Hintergrundfarbe von <p> auf Farbe indianred. Als Schriftart wählen wir arial. Als Schriftgröße setzen wir 127%.

<style type="text/css"><!--
  p { 
    color:gold; 
    font-size:127%; 
    background-color:indianred; 
    font-family:arial;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier verwendeten HTML-Befehl p finden Sie in der HTML Referenz unter <p>.