Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #f0f8ff und Farbe lavender

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 #f0f8ff und Farbe lavender

Hintergrund/Text-Kombination mit Befehl abbr

Für dieses Beispiel ändern wir die Textfarbe von <abbr> auf Farbe lavender und die Hintergrundfarbe von <abbr> auf Farbwert #f0f8ff. Die Schriftart ändern wir auf verdana und verringern die Schriftgröße auf 84%.

<style type="text/css"><!--
  abbr { 
    color:lavender; 
    background-color:#f0f8ff; 
    font-size:84%; 
    font-family:verdana;
  }
//-->
</style>

Möglichkeiten des Befehl abbr lesen Sie in der HTML Referenz unter <abbr>.

Text- und Unterstreichungsfarben von HTML-Tag h3

Eine Überschrift setzt man mit HTML-Tag <h3>. Diese kann man hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <h3> auf Farbe lavender und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf arial und erhöhen die Schriftgröße auf 129%. Wir unterstreichen den Inhalt von <h3> mit Hilfe eines doppelten Rahmens mit 5 Punkte Dicke in Farbwert #f0f8ff. In HTML ist dies kaum machbar. Deshalb nutzen wir hierfür CSS.

<style type="text/css"><!--
  h3 { 
    font-size: 129%; 
    font-family: arial; 
    color: lavender; 
    border-bottom: 5pt double #f0f8ff;
  }
//-->
</style>

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

Weiteres zum Thema h3 lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier genutzten Tag <h3>.