Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkslateblue und Farbwert #ff69b4

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 darkslateblue und Farbwert #ff69b4

Zebra-Effekt von HTML-Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, spricht man von einem Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <th> mit unterschiedlichen Hintergrundfarben Farbe darkslateblue und Farbwert #ff69b4.

<style type="text/css"><!--
  th.gerade { 
    background-color:darkslateblue;
  }
  th.ungerade { 
    background-color: #ff69b4;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr><td class="gerade">N1.1</td><td class="ungerade">N2.1</td><td class="gerade">N3.1</td></tr>
<tr><td class="gerade">N1.2</td><td class="ungerade">N2.2</td><td class="gerade">N3.2</td></tr>
<tr><td class="gerade">N1.3</td><td class="ungerade">N2.3</td><td class="gerade">N3.3</td></tr>
</table>

Mehr zum Thema finden Sie in Tabellen in HTML. Mehr zum hier genutzten HTML-Befehl th lesen Sie in der HTML Referenz unter <th>.

Text- und Unterstreichungsfarben mit HTML-Tag a

Mit HTML-Tag <a> wird ein Verweis gesetzt. Dieser kann hervorgehoben und farblich gestaltet werden.

Hier ändern wir die Textfarbe von <a> auf Farbwert #ff69b4. Die Schriftart ändern wir auf courier new. Die Schriftgröße ändern wir auf 12px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines herausstehenden Rahmens mit 3 Punkte Dicke in Farbe darkslateblue. Dies ist mit HTML kaum möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  a { 
    color: #ff69b4; 
    font-size: 12px; 
    font-family: courier new; 
    border-bottom-width: 3pt; 
    border-bottom-style: outset; 
    border-bottom-color: darkslateblue;
  }
//-->
</style>

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

Weiteres zum Thema lesen Sie in Verweise und Protokolle in HTML. Einzelheiten vom HTML-Befehl <a>.