Computer >> Máy Tính >  >> Lập trình >> CSS

Cách tạo dấu đầu dòng vuông trên danh sách không theo thứ tự bằng CSS

Tìm hiểu cách tạo dấu đầu dòng vuông trên danh sách không có thứ tự với thuộc tính CSS list-style-type .

Theo mặc định, các mục danh sách không có thứ tự (<ul> ) trên một trang web sử dụng các dấu đầu dòng tròn.

Các dấu đầu dòng tròn được tạo kiểu như thế này:

ul {
  list-style-type: disc;
}

Và trông như thế này:

  • HTML
  • CSS
  • JavaScript

Để làm cho các dấu đầu dòng của bạn vuông vắn, bạn có thể ghi đè list-style-type mặc định cài đặt như thế này:

ul {
  list-style-type: square;
}

Ví dụ về dấu đầu dòng vuông:

  • HTML
  • CSS
  • JavaScript

Dấu đầu dòng hình vuông là không bình thường, nhưng trên một số trang web, chúng rất phù hợp. Nó phụ thuộc vào giao diện và chủ đề phong cách mà bạn đang hướng tới.