Wenn du einen Text in CSS unterstreichen möchtest, dann verwendest du das Element text-decoration. Den einfachsten Weg einen Text zu unterstreichen zeige ich dir in einem kurzen Beispiel
Stelle deine HTML oder CSS Frage in unserem Forum, kostenlos und ohne Anmeldung!
Inhaltsverzeichnis
Mit diesem CSS Code kannst du deinen Text unterstreichen. In folgendem Beispiel wird der Text grün unterstrichen.
.container {
text-decoration: underline;
text-decoration-color: green;
}
Dieser Text ist unterstrichen
.container {
text-decoration: overline;
text-decoration-color: green;
}
Dieser Text ist unterstrichen
.container {
text-decoration: line-through;
text-decoration-color: green;
}
Dieser Text ist unterstrichen
Wenn du möchtest das die Linie in verschiedenen Styles angezeigt wird dann kannst du das mit folgenden CSS Codes realisieren.
.container {
text-decoration: underline;
text-decoration-color: green;
text-decoration-style: dashed;
}
Dieser Text hat eine gestrichelte Linie
.container {
text-decoration: underline;
text-decoration-color: green;
text-decoration-style: dotted;
}
Dieser Text hat eine gepunktete Linie
.container {
text-decoration: underline;
text-decoration-color: green;
text-decoration-style: double;
}
Dieser Text ist doppelt unterstrichen
.container {
text-decoration: underline;
text-decoration-color: green;
text-decoration-style: wavy;
}
Dieser Text hat Schlangenlinien
Jetzt bist du perfekt ausgerüstet und kannst jeden erdenklichen Text mit CSS unterstreichen und alle Formen und Farben verwenden. Viel Spaß
Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite
Schreibe einen Kommentar
Du musst angemeldet sein, um einen Kommentar abzugeben.