How to set the style of horizontal line

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

horizontal line

You can use border Attribute to set hr Element style:

Example

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

亲自试一试

相关页面

参考手册：HTML hr 标签