Hur man ställer in stilen på horisontella linjer

Lär dig hur du använder CSS för att ställa in stilen på hr-element.

horisontell linje

Du kan använda border egenskap för att ställa in hr Elementets stil:

Exempel

/* Röd ramm */
hr.new1 {
  border-top: 1 px solid red;
}
/* Röd linjerammadramm */
hr.new2 {
  border-top: 1 px dashed red;
}
/* Röd punktradramm */
hr.new3 {
  border-top: 1 px dotted red;
}
/* Röd tjock kantramm */
hr.new4 {
  border: 1 px solid red;
}
/* Grön stor rund kantramm */
hr.new5 {
  border: 10 px solid green;
  border-radius: 5 px;
}

Prova själv

Relaterade sidor

Referenshandbok:HTML hr tagg