Hoe de stijl van de horizontale lijn in te stellen

Leer hoe u de stijl van het hr-element met CSS kunt instellen.

horizontale lijn

U kunt border eigenschappen om te instellen hr Elementen stijl:

Voorbeeld

/* Rode rand */
hr.new1 {
  border-top: 1 px solid red;
}
/* Rode gestippelde rand */
hr.new2 {
  border-top: 1 px dashed red;
}
/* Rode stiprand */
hr.new3 {
  border-top: 1 px dotted red;
}
/* Rode dikke rand */
hr.new4 {
  border: 1 px solid red;
}
/* Groene grote ronde rand */
hr.new5 {
  border: 10 px solid green;
  border-radius: 5 px;
}

Try it yourself

Related pages

Reference manual:HTML hr tag