วิธีการตั้งค่ารูปแบบเส้นระบาด

เรียนรู้วิธีการใช้ CSS ตั้งค่ารูปแบบส่วนประกอบ hr。

เส้นระบาด

คุณสามารถใช้ border ที่ใช้ในการตั้งค่า hr รูปแบบส่วนประกอบ

ตัวอย่าง

/* สีแดงที่มีขอบ */
hr.new1 {
  border-top: 1 px solid red;
}
/* สีแดงที่มีขอบตามแบบสายขวาง */
hr.new2 {
  border-top: 1 px dashed red;
}
/* สีแดงที่มีขอบตามแบบจุด */
hr.new3 {
  border-top: 1 px dotted red;
}
/* สีแดงที่มีขอบหนา */
hr.new4 {
  border: 1 px solid red;
}
/* สีเขียวที่มีรอยล้อมเรียบเรียง */
hr.new5 {
  border: 10 px solid green;
  border-radius: 5 px;
}

亲自试一试

相关页面

参考手册：HTML hr 标签