Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #daa520 und Farbe lavender

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.

Beispiele zur Kombination von Farbwert #daa520 und Farbe lavender

Hintergrund/Text-Kombination von Tag li

Wir ändern für dieses Beispiel die Textfarbe von <li> auf Farbe lavender und die Hintergrundfarbe von <li> auf Farbwert #daa520. Als Schriftart wählen wir monospace und als Schriftgröße wählen wir 99%.

<style type="text/css"><!--
  li { 
    font-size: 99%; 
    background-color: #daa520; 
    color: lavender; 
    font-family: monospace;
  }
//-->
</style>

Mehr zu li lesen Sie in Listen und Glossare in HTML. Mehr zum hier genutzten HTML-Tag <li>.

Text- und Unterstreichungsfarben mit Tag caption

In diesem Beispiel ändern wir die Textfarbe von <caption> auf Farbe lavender und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf sans-serif und erhöhen die Schriftgröße auf 115%. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines doppelten Rahmens mit 5 Punkte Dicke in Farbwert #daa520. Dies ist mit HTML kaum möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  caption { 
    color:lavender; 
    border-bottom-width:5pt; 
    border-bottom-color:#daa520; 
    font-family:sans-serif; 
    font-size:115%; 
    border-bottom-style:double;
  }
//-->
</style>

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

Mehr zu caption erfahren Sie in Tabellen in HTML. Weiteres zum hier gezeigten Befehl <caption>.