Wie Sie den Stil der horizontalen Linie einstellen

Lernen Sie, wie Sie den Stil des hr-Elements mit CSS einstellen.

Horizontale Linie

Sie können border Eigenschaft festlegen hr Stil des Elements:

Beispiel

/* Roter Rahmen */
hr.new1 {
  border-top: 1px solid red;
}
/* Roter gestrichelter Rahmen */
hr.new2 {
  border-top: 1px dashed red;
}
/* Roter punktförmiger Rahmen */
hr.new3 {
  border-top: 1px dotted red;
}
/* Roter dicker Rahmen */
hr.new4 {
  border: 1px solid red;
}
/* Grüner großer abgerundeter Rahmen */
hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}

亲自试一试

相关页面

参考手册：HTML hr 标签