Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe cornsilk

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.

Hintergrundfarbe cornsilk
Detail	:	Hintergrundfarbe cornsilk	Verlauf nach Weiß		Verlauf nach Schwarz
Farbe	:	cornsilk	#fff8dc	#fff8dc	#fff8dc	#fff8dc
Farbwert	:	#fff8dc	#fff9e1	#fff9e1	#dad4bc	#dad4bc
HTML	:	cornsilk	#fffae6	#fffae6	#b6b19d	#b6b19d
CSS	:	cornsilk	#fffbeb	#fffbeb	#918d7d	#918d7d
CSS (Wert)	:	#fff8dc	#fffcf0	#fffcf0	#6d6a5e	#6d6a5e
CSS (kürzest)	:	#fff8dc	#fffdf5	#fffdf5	#48463e	#48463e
CSS (RGB)	:	rgb(255,248,220)	#fffefa	#fffefa	#24231f	#24231f
CSS (%RGB)	:	rgb(100%,97%,86%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbe cornsilk

Farbige Unterstreichung von HTML-Tag address

Hier unterstreichen wir <address> mit einem gepunkteten Rahmen mit 1 Pixel Dicke in Farbe cornsilk. Das geht in HTML nicht. Daher verwenden wir CSS.

<style type="text/css"><!--
  address { border-bottom:1px dotted cornsilk; }
//-->
</style>

Die Idee ist, verschiedene Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sieht man das bei Verweisen. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine wirkliche Unterstreichung, der Text selbst ist nicht unterstrichen. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Mehr zu address erfahren Sie in Blockorientierte Elemente in HTML. Der HTML-Befehl address ist in der HTML Referenz unter <address> genau zusammengestellt.

Änderung der Unterstreichung bei Hover von Tag label

Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <label> vor.

<style type="text/css"><!--
  label { 
    border-bottom-style: outset; 
    border-bottom-color: #880eec; 
    border-bottom-width: 3px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Unterstreichungsfarbe auf Farbe cornsilk gesetzt wird.

<style type="text/css"><!--
  label: hover { 
    border-bottom-color: cornsilk;
  }
//-->
</style>

Die Idee ist, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu nutzen. Öfter sehen Sie dies bei Verweisen. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Das ist jedoch keine normale Unterstreichung, der Text selbst ist nicht unterstrichen. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Weiteres zu label können Sie in Formulare in HTML finden. Der Befehl label ist in der HTML Referenz bei <label> genau gezeigt.