HTML: Horizontale Linie einfügen – So gehts

Of macht es sinn in HTML eine Horizontale Linie einzufügen um beispielsweise einen Bereich abzutrennen oder für andere Anwendungen. Aber wie genau macht man eigentlich eine Horizontale Linie in HTML. Glaub mir es ist nicht schwer. Wie das geht zeige ich dir.

HTML: Horizontale Linie einfügen

HTML
Dieser Text ist mein erster Textblock
<hr>
Dieser Text ist mein zweiter Textblock

Eine Horizontale Linie wird mit dem HTML Tag <hr> eingefügt.

Ergebnis

Dieser Text ist mein erster Textblock
Dieser Text ist mein zweiter Textblock

Wenn du willst kannst du diese Horizontale line auch noch mit CSS verändern und von Design her anpassen.

Horizontale Linie Farbe ändern

Wenn du die Farbe deiner horizontalen Linie ändern möchtest, dann kannst du einen CSS Befehl hinzufügen und zwar den Befehl border-top: 1px solid #f60000; beispielsweise.

Du kannst die Farben als Hex Code hinzufügen.

HTML
Dieser Text ist mein erster Textblock
<hr style="border-top: 1px solid #f60000;">
Dieser Text ist mein zweiter Textblock

Ergebnis

Dieser Text ist mein erster Textblock
Dieser Text ist mein zweiter Textblock
    html        html horizontale linie   

Über Mich


Weitere Beiträge auf Blogseite.com




Kennst du schon diese Memes?