How to set the style of horizontal lines

Learn how to use CSS to set the style of the hr element.

horizontal line

You can use border Attribute to set hr Element style:

Example

/* Red border */
hr.new1 {
  border-top: 1px solid red;
}
/* Red dashed border */
hr.new2 {
  border-top: 1px dashed red;
}
/* Red dotted border */
hr.new3 {
  border-top: 1px dotted red;
}
/* Red thick border */
hr.new4 {
  border: 1px solid red;
}
/* Green large rounded border */
hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}

Try It Yourself

Related Pages

Reference Manual:HTML hr Tag