Cách thiết lập phong cách đường kẻ ngang

Học cách sử dụng CSS để thiết lập phong cách của phần tử hr.

Cách thiết lập phong cách đường kẻ ngang

đường kẻ ngang

Bạn có thể sử dụng border sử dụng thuộc tính hr thiết kế của phần tử:

thực 例

/* 红色边框 */
hr.new1 {
  border-top: 1px solid red;
}
/* 红色虚线边框 */
hr.new2 {
  border-top: 1px dashed red;
}
/* 红色点状边框 */
hr.new3 {
  border-top: 1px dotted red;
}
/* 红色粗边框 */
hr.new4 {
  border: 1px solid red;
}
/* 绿色大圆角边框 */
hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}

Thử ngay

Trang liên quan

Tài liệu tham khảo:Thẻ <hr> HTML