CSS <hr>

Mit CSS den HTML-Tag <hr> formatieren.

Das HTML-Element <hr> (horizontale Linie) mit CSS formatieren anhand von Praxisbeispielen --> CSS hr Formatierungen und HTML Ergebnisse <--. Das erste Beispiel einer CSS Formatierung des <hr> Tags bewirkt eine dunkle, durchgezogene und 1-Pixel hohe Linie.

Beispiel #1

CSS-Formatierung

hr	{border: 0px; border-bottom: 1px solid #333;}

HTML-Ergebnis

Es können weitere Veränderungen der Formatierung vorgenommen werden z.B.:

Linie - <hr> gestrichelt

{border: 0px; border-bottom: 1px dashed #333;}

Linie - <hr> gepunktet

{border: 0px; border-bottom: 1px dotted #333;}

Linie - <hr> blau

{border: 0px; border-bottom: 1px solid #069;}

Linie - <hr> rot

{border: 0px; border-bottom: 1px solid #f00;}

Mit Hilfe von CSS lässt sich die <hr> sehr gut der eigenen Webseite anpassen. Es ist möglich die Farbe der Linie zu verändern, die „Form”, die Höhe (dicke) und natürlich auch die Länge (habe ich jetzt nicht im Beispiel gezeigt).

Bei Fragen zu diesem Artikel oder zu CSS und dem <hr> Tag, wie immer einfach eine Mail an kontakt{ät}linkeez.de mit dem Betreff ”CSS hr” schicken ;).