How to set the style of the horizontal line

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;
}

Δοκιμάστε το شخصικά

Σχετικές σελίδες

ΠαράδειγμαΕτικέτα HTML hr