Tạo danh sách không dấu chấm (unordered list) với CSS

Để xóa dấu chấm mặc định của danh sách <ul>, sử dụng thuộc tính list-style-type: none:

Ví dụ

<!DOCTYPE html>
<html>
<head>
  <style>
    body{
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      font-size: 18px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <h1>Ví dụ Xóa Dấu Chấm Từ UL</h1>
  <ul>
    <li>Hổ</li>
    <li>Kirin</li>
    <li>Sư tử</li>
  </ul>
</body>
</html>

Kết quả

Danh sách hiển thị các mục "Hổ", "Kirin", "Sư tử" không có dấu chấm đầu dòng, chữ to và đậm.

Mở rộng

Có thể thêm biểu tượng tùy chỉnh với pseudo-element:

ul li::before {
  content: "→ ";
  color: #007bff;
  margin-right: 8px;
}