Zum Hauptinhalt springen

Kann die Farbe/Form der horizontalen Linie verändert werden?

Patricia Böhme avatar
Verfasst von Patricia Böhme
Vor über 9 Monaten aktualisiert

Farbe und Form der horizontalen Linie kann verändert werden. Hierzu sind HTML Kenntnisse von Vorteil. Mit unserem aufgeführten Beispiel ist es aber nicht so schwer die horizontale Linie rudimentär zu verändern. Über die Code-Ansicht im Editor, auf Ebene der jeweiligen Seite, kann beispielsweise folgendes Code-Snippet eingefügt und angepasst werden:

  • HTML-Code einer einfachen horizontalen Linie : <hr>
    ​​

  • HTML-Code einer horizontalen Linie mit Stylingmöglichkeiten:
    <hr style="height:3px; border:none; background-color:#ED164A; width:90%;">


    Erklärung der Code Elemente:

    height: 3px - Die Dicke der Linie

    background-color: #223f56 - Farbe der Linie als Hexcode

    width: 90% - Breite in Prozent, 90 % entspricht nicht der vollen Textbreite

Code-Ansicht: HTML-Code einer horizontalen Linie

Gestylte horizontale Linie in der Leseansicht (Frontend)

Hat dies deine Frage beantwortet?