Cách thực hiện - Bộ chia
Tìm hiểu cách tạo các dải phân cách khác nhau bằng CSS.
nét đứt
Say mê
Chất rắn
làm tròn
Hãy tự mình thử »
Cách tạo dải phân cách
Bước 1) Thêm HTML:
Ví dụ
<hr class="dashed">
<hr class="dotted">
<hr class="solid">
<hr
class="rounded">
Bước 2) Thêm CSS:
Ví dụ
/* Dashed border */
hr.dashed {
border-top: 3px dashed #bbb;
}
/* Dotted border */
hr.dotted {
border-top: 3px dotted #bbb;
}
/* Solid border */
hr.solid {
border-top: 3px solid #bbb;
}
/* Rounded border */
hr.rounded {
border-top: 8px solid #bbb;
border-radius: 5px;
}
Hãy tự mình thử »