CSS / Tipps / Mit Farbe Unterstreichen

von: Werner Zenk

Möchte man einen Text etwas anders gestalten,
so kann man diesen farbig unterstreichen.

 

Dieser Text wurde mit einer anderen Farbe unterstrichen.

<u style="color: #FF8000"> <span style="color: #000000"> Text Text
 </span> </u>

 

Dieser Text wurde mit einer ganz anderen Farbe unterstrichen.

<u style="color: red"> <span style="color: blue">
Dieser Text wurde mit einer anderen Farbe unterstrichen
 </span> </u>

 

Dieser Text wurde Rot unterstrichen.

<span style="border-bottom: Solid 1px #FF0000">
Dieser Text wurde Rot unterstrichen.</span>

 

Dieser Text wurde Grün überstrichen.

<span style="border-top: Solid 1px #00AA00">
Dieser Text wurde Grün überstrichen.</span>

 

Dieser Text wurde Blau unterstrichen (Striche!).

<span style="border-bottom: Dashed 2px #0000CC">
Dieser Text wurde Blau unterstrichen.
</span>

 

Dieser Text wurde goldfarbig unterstrichen (Punkte).

<span style="border-bottom: Dotted 2px #FFD700">
Dieser Text wurde goldfarbig unterstrichen.
</span>

 

Dieser Text wurde doppelt Grün unterstrichen.

<span style="border-bottom: Double 3px #00AA00">
Dieser Text wurde doppelt Grün unterstrichen.
</span>

 

Dieser Text wurde zweifarbig unterstrichen.
<span style="text-decoration: Underline; color: #FF0000;
 border-bottom: dashed 1px #0000FF;">
<span style="color: #000000">
Dieser Text wurde zweifarbig unterstrichen.</span></span>

 

Dieser Text wurde zweifarbig unterstrichen.
<span style="text-decoration: Underline; color: #0000FF;
 border-bottom: dotted 1px #FF0000;">
<span style="color: #009F00">
Dieser Text wurde zweifarbig unterstrichen.</span></span>

 

Dieser Test wurde durchgestrichen :-)

 

Weitere Beispiele unter: Textgestaltung mit CSS
    Und Ihre Meinung?
      Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?
Styl O:
Find ich ganz toll Genau das hab ich gesucht. Danke. (:

McFire:
Beim zweiten Beispiel mal eben die Farben tauschen, damit\\\'s stimmt

Ich bin ich:
Endlich mal eine schöne, kurze, aber umfangreiche Auflistung!

Michael:
Das hat mir super geholfen!

Marco:
Prima Anleitung, sogar in mehreren Varianten - Klasse

Yannick:
Top damit hab ich eine 1 im Unterricht bekommen

marccxo:
Sehr schön! Danke!

Jenke:
Perfekt! Genau das habe ich gebraucht! Danke!
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!  
 Das könnte Sie interessieren:
CSS Hyperlink #24  CSS Hyperlink #14  CSS Hyperlink #23  CSS Hyperlink #18  CSS Hyperlink #6  Link farbig unterstreichen  CSS Hyperlink #35  CSS Befehle: Rahmen  Element genau in der Mitte des Browserfensters zentrieren - Manchmal steht man vor der Aufgabe ein Bild genau in der Mitte zu zentrieren. Egal wie groß das Browserfenster auch ist, das Bild soll horizontal wie vertikal zentriert sein.  Text in Blocksatz  Logo mit Wasserzeicheneffekt - Das Logo bleibt beim scrollen immer an der gleichen Stelle.  Große Buchstaben mit CSS  …mehr
© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner