Ressourcen: 137 HTML Farbnamen - Kombination von Farbe greenyellow und Farbwert #ffb6c1

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 greenyellow und Farbwert #ffb6c1

Text- und Unterstreichungsfarben bei Tag fieldset

Wir ändern für dieses Beispiel die Textfarbe von <fieldset> auf Farbwert #ffb6c1. Die Schriftart ändern wir auf monospace. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <fieldset> mit Hilfe eines gepunkteten Rahmens mit 3 Punkte Dicke in Farbe greenyellow. Dies geht in HTML nicht. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  fieldset { 
    font-size: 13px; 
    color: #ffb6c1; 
    border-bottom: 3pt dotted greenyellow; 
    font-family: monospace;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema fieldset finden Sie in Formulare in HTML. Zur Beschreibung des HTML-Befehl <fieldset>.

Zebra-Effekt bei Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem so genannten Zebra-Effekt. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <tr> mit den Hintergrundfarben Farbe greenyellow und Farbwert #ffb6c1.

<style type="text/css"><!--
  tr.even { 
    background-color: greenyellow;
  }
  tr.odd { 
    background-color: #ffb6c1;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd angewendet.

<table>
<tr class="even"><td>V1.1</td><td>V2.1</td><td>V3.1</td></tr>
<tr class="odd"><td>V1.2</td><td>V2.2</td><td>V3.2</td></tr>
<tr class="even"><td>V1.3</td><td>V2.3</td><td>V3.3</td></tr>
</table>

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