Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #f0f8ff

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.

Hintergrundfarbwert #f0f8ff
Detail	:	Hintergrundfarbwert #f0f8ff	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#f0f8ff	#f0f8ff	#f0f8ff	#f0f8ff	#f0f8ff
Farbe	:	aliceblue	#f2f9ff	#f2f9ff	#cdd4da	#cdd4da
HTML	:	#f0f8ff	#f4faff	#f4faff	#abb1b6	#abb1b6
CSS	:	#f0f8ff	#f6fbff	#f6fbff	#898d91	#898d91
CSS (Wert)	:	#f0f8ff	#f8fcff	#f8fcff	#666a6d	#666a6d
CSS (kürzest)	:	#f0f8ff	#fafdff	#fafdff	#444648	#444648
CSS (RGB)	:	rgb(240,248,255)	#fcfeff	#fcfeff	#222324	#222324
CSS (%RGB)	:	rgb(94%,97%,100%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #f0f8ff

Farbige Unterstreichung von HTML-Befehl h6

Eine Überschrift wird mit Befehl <h6> gesetzt. Sie kann farblich gestaltet werden.

In diesem Beispiel unterstreichen wir <h6> mit Hilfe eines herausstehenden Rahmens mit 1 Pixel Dicke in Farbwert #f0f8ff. Dies ist mit HTML nicht möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h6 { border-bottom:1px outset #f0f8ff; }
//-->
</style>

Die Idee ist, unabhängige Formatierungen für Inhalt und Unterstreichung zu haben. Öfter sieht man diesen Effekt bei Verweisen. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Hierbei handelt es sich jedoch nicht um eine "normale" Unterstreichung, der Text selbst ist nicht unterstrichen. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Mehr zu h6 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Weiteres zum hier genutzten HTML-Befehl h6 ist in der HTML Referenz bei <h6> genau beschrieben.

Änderung der Hintergrundfarbe bei Hover bei HTML-Befehl textarea

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <textarea> so ein, dass sich bei Hover die Hintergrundfarbe auf Farbwert #f0f8ff ändert.

<style type="text/css"><!--
  textarea:hover { 
    background-color:#f0f8ff;
  }
//-->
</style>

Weiteres zum Thema textarea finden Sie in Formulare in HTML. Einzelheiten vom hier verwendeten HTML-Befehl textarea sind in der HTML Referenz unter <textarea> ausführlich gezeigt.