Ressourcen: 137 HTML Farbnamen - Kombination von Farbe crimson und Farbwert #48d1cc

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 crimson und Farbwert #48d1cc

Text- und Unterstreichungsfarben mit HTML-Tag legend

Wir ändern bei diesem Beispiel die Textfarbe von <legend> auf Farbwert #48d1cc. Die Schriftart setzen wir auf monospace und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <legend> mit Hilfe eines gezahnten Rahmens mit 1 Punkte Dicke in Farbe crimson. In HTML geht dies nicht. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  legend { 
    color:#48d1cc; 
    font-family:monospace; 
    border-bottom-width:1pt; 
    font-size:13px; 
    border-bottom-style:ridge; 
    border-bottom-color:crimson;
  }
//-->
</style>

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

Weiteres zu legend können Sie in Formulare in HTML erfahren. Mehr zum HTML-Befehl <legend>.

Zebra-Effekt mit Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem so genannten Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit unterschiedlichen Hintergrundfarben Farbe crimson und Farbwert #48d1cc.

<style type="text/css"><!--
  th.odd { 
    background-color: crimson;
  }
  th.even { 
    background-color: #48d1cc;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr><td class="odd">NA-A</td><td class="even">NB-A</td><td class="odd">NC-A</td></tr>
<tr><td class="odd">NA-B</td><td class="even">NB-B</td><td class="odd">NC-B</td></tr>
<tr><td class="odd">NA-C</td><td class="even">NB-C</td><td class="odd">NC-C</td></tr>
</table>

Mehr zu th können Sie in Tabellen in HTML nachsehen. Die Beschreibung des hier verwendeten HTML-Tag th finden Sie in der HTML Referenz unter <th>.