ฝากลิ่นแบบแบ่งแยก
เรียนรู้ว่าจะสร้างแบบแบ่งแยก
ขอบเส้นแบบหยั่ง
ขอบเส้นจุด
ขอบเส้นตรง
มุมหน้าหลัง
ฝากลิ่นแบบแบ่งแยก
ขั้นที่ 1 - เพิ่ม HTML：
<hr class="dashed"> <hr class="dotted"> <hr class="solid"> <hr class="rounded">
ขั้นที่ 2 - เพิ่ม CSS：
/* ขอบเส้นแบบหยั่ง */
hr.dashed {
border-top: 3px dashed #bbb;
{}
/* ขอบเส้นจุด */
hr.dotted {
border-top: 3px dotted #bbb;
{}
/* ขอบเส้นตรง */
hr.solid {
border-top: 3px solid #bbb;
{}
/* มุมหน้าหลัง */
hr.rounded {
border-top: 8px solid #bbb;
border-radius: 5px;
{}
