Horizontale Linie mit CSS

 

Eine horizontale Linie kann man ganz einfach mit dem html-tag <hr> anzeigen.
Möchte man diese Linie farbig gestalten, wird in den tag ein Hexadezimalwert eingefügt:

 Beispiel: <hr width="400" color="#FF3300">


oder:

Beispiel: <hr width="400" size="5" color="#FF3300">


 

 

HTML bietet hier keine weiteren Gestaltungmöglichkeiten, aber mit CSS kann man mehr machen.

Beispiel:

.HR {
      color : blue; border-bottom : 1px dotted #0099FF; text-align :center
}


oder:

.HRred {
          color : #990000; border-bottom : 1px dotted #FFFF99; text-align :center
}