Question

How to style horizontal ruler (line) (HR) in CSS

Answer 1

<hr class="class_hr1">
<hr class="class_hr2">
<hr class="class_hr3">
<hr class="class_hr4">
<hr class="class_hr5">

hr.class_hr1 {
  border-top: 1px solid purple;
}

hr.class_hr2 {
  border-top: 2px dashed blue;
}

hr.class_hr3 {
  border-top: 3px dotted lightgreen;;
}

hr.class_hr4 {
  border: 4px solid yellow;
}

hr.class_hr5 {
  border: 7px solid red;
  border-radius: 5px;
}

 

70+ SQL courses for beginners and professionals