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)