Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #556b2f und Farbwert #ff1493

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 Farbwert #556b2f und Farbwert #ff1493

Text- und Unterstreichungsfarben von Tag label

Für dieses Beispiel ändern wir die Textfarbe von <label> auf Farbwert #ff1493 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf sans-serif und verkleinern die Schriftgröße auf 84%. Wir unterstreichen den Inhalt von <label> mit Hilfe eines einfallenden Rahmens mit 2 Pixel Dicke in Farbwert #556b2f. Dies geht mit HTML kaum. Daher nutzen wir hier CSS.

<style type="text/css"><!--
  label { 
    color:#ff1493; 
    border-bottom-width:2px; 
    border-bottom-style:inset; 
    font-size:84%; 
    font-family:sans-serif; 
    border-bottom-color:#556b2f;
  }
//-->
</style>

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

Weiteres zum Thema lesen Sie in Formulare in HTML. Mehr zum hier genutzten HTML-Tag <label>.

Füllen und Umranden mit HTML-Tag a

Mit Befehl <a> wird ein Hyperlink gesetzt. Dieser kann hervorgehoben und farblich gestaltet werden.

Hier umranden wir <a> mit einem gezahnten, 3 Pixel dicken Rahmen in Farbwert #ff1493 . Die Hintergrundfarbe für <a> färben wir mit Farbwert #556b2f. Mit HTML ist dies nicht machbar. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  a { 
    border-color:#ff1493; 
    border-width:3px; 
    background-color:#556b2f; 
    border-style:ridge;
  }
//-->
</style>

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML nachlesen. Zur Beschreibung des hier gezeigten HTML-Tag <a>.