Cách tạo kiểu danh sách bằng CSS

Tạo kiểu danh sách bằng CSS

Danh sách là một phần rất quan trọng của nhiều trang web.

CSS có thể tạo kiểu cho chúng bằng cách sử dụng một số thuộc tính.

list-style-typeđược sử dụng để đặt một điểm đánh dấu xác định trước sẽ được sử dụng bởi danh sách:

li {
  list-style-type: square;
}

Chúng tôi có rất nhiều giá trị khả thi, bạn có thể xem ở đâyhttps://developer.mozilla.org/en-US/docs/Web/CSS/list-style-typevới các ví dụ về sự xuất hiện của chúng. Một số trong những cái phổ biến nhất làdisc,circle,squarenone.

list-style-imageđược sử dụng để sử dụng hình ảnh tùy chỉnh làm điểm đánh dấu, khi điểm đánh dấu xác định trước không thích hợp:

li {
  list-style-image: url(list-image.png);
}

list-style-positioncho phép bạn thêm điểm đánh dấuoutside(mặc định) hoặcinsidecủa nội dung danh sách, trong luồng của trang chứ không phải bên ngoài nó

li {
  list-style-position: inside;
}

Cáclist-stylethuộc tính viết tắt cho phép chúng tôi chỉ định tất cả các thuộc tính đó trong cùng một dòng:

li {
  list-style: url(list-image.png) inside;
}

Tải xuống miễn phí của tôiSổ tay CSS


Các hướng dẫn css khác: