Ressourcen: 137 HTML Farbnamen - Kombination von Farbe mediumslateblue und Farbwert #ffc0cb

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 mediumslateblue und Farbwert #ffc0cb

Zebra-Effekt mit Befehl td

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <td> mit den Hintergrundfarben Farbe mediumslateblue und Farbwert #ffc0cb.

<style type="text/css"><!--
  td.even { 
    background-color: mediumslateblue;
  }
  td.odd { 
    background-color: #ffc0cb;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr><td class="even">C1,1</td><td class="odd">C2,1</td><td class="even">C3,1</td></tr>
<tr><td class="even">C1,2</td><td class="odd">C2,2</td><td class="even">C3,2</td></tr>
<tr><td class="even">C1,3</td><td class="odd">C2,3</td><td class="even">C3,3</td></tr>
</table>

Weiteres zu td erfahren Sie in Tabellen in HTML. Möglichkeiten des hier genutzten Tag <td>.

Text- und Unterstreichungsfarben bei HTML-Befehl address

Wir ändern für dieses Beispiel die Textfarbe von <address> auf Farbwert #ffc0cb. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <address> mit Hilfe eines einfallenden Rahmens mit 5 Punkte Dicke in Farbe mediumslateblue. Mit HTML geht dies nicht. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  address { 
    font-size:13px; 
    color:#ffc0cb; 
    font-family:sans-serif; 
    border-bottom:5pt inset mediumslateblue;
  }
//-->
</style>

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

Weiteres zum Thema address können Sie in Blockorientierte Elemente in HTML nachsehen. Einzelheiten des hier verwendeten HTML-Tag address lesen Sie in der HTML Referenz unter <address>.