Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #b0e0e6

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 #b0e0e6
Detail	:	Hintergrundfarbwert #b0e0e6	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6
Farbe	:	powderblue	#bbe4e9	#bbe4e9	#96c0c5	#96c0c5
HTML	:	#b0e0e6	#c6e8ed	#c6e8ed	#7da0a4	#7da0a4
CSS	:	#b0e0e6	#d1edf0	#d1edf0	#648083	#648083
CSS (Wert)	:	#b0e0e6	#ddf1f4	#ddf1f4	#4b6062	#4b6062
CSS (kürzest)	:	#b0e0e6	#e8f6f7	#e8f6f7	#324041	#324041
CSS (RGB)	:	rgb(176,224,230)	#f3fafb	#f3fafb	#192020	#192020
CSS (%RGB)	:	rgb(69%,87%,90%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #b0e0e6

Änderung der Hintergrundfarbe bei Hover mit Befehl a

Mit HTML-Befehl <a> setzen Sie einen Hyperlink. Diesen kann man hervorheben und farblich gestalten.

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

Für dieses Beispiel ändern wir bei <a> die Hintergrundfarbe auf Farbwert #b0e0e6:

<style type="text/css"><!--
  a { 
    background-color: #858d88;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbwert #b0e0e6 gesetzt wird.

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

Weiteres zum Thema erfahren Sie in Verweise und Protokolle in HTML. Die Beschreibung des HTML-Tag a finden Sie in der HTML Referenz unter <a>.

Umrandung bei Tag img

In diesem Beispiel umranden wir <img> mit einem 1 Pixel dicken, doppelten Rahmen in Farbwert #b0e0e6. Das geht in HTML kaum. Daher verwenden wir hierfür CSS.

<style type="text/css"><!--
  img { border:1px double #b0e0e6; }
//-->
</style>

Weiteres zu img können Sie in Grafik in HTML nachlesen. Zur Beschreibung vom HTML-Befehl <img>.