Sådan sættes stilen på en horisontal linje

Lær, hvordan du bruger CSS til at sætte stilen på hr-elementet.

horisontal linje

Du kan bruge border egenskab for at sætte hr Elementets stil:

Eksempel

/* Rød kant */
hr.new1 {
  border-top: 1 px solid red;
}
/* Rød buet kant */
hr.new2 {
  border-top: 1 px dashed red;
}
/* Rød punkteret kant */
hr.new3 {
  border-top: 1 px dotted red;
}
/* Rød tyk kant */
hr.new4 {
  border: 1 px solid red;
}
/* Grøn stor rund kant */
hr.new5 {
  border: 10 px solid green;
  border-radius: 5 px;
}

Prøv det selv

Relaterede sider

Reference håndbog:HTML hr tag