Tạo danh sách có viền không dấu chấm với CSS

Loại bỏ dấu chấm (bullet) và thêm viền cho danh sách

Sử dụng list-style-type: none để xóa dấu chấm, kết hợp border và padding để tạo khung viền.

Ví dụ minh họa

<!DOCTYPE html>
<html>
<head>
  <style>
    ul {
      background-color: orange;
      padding: 10px 20px;
      list-style-type: none; /* Xóa dấu chấm */
      border: 2px solid black;
    }
  </style>
</head>
<body>
  <p>Các quốc gia</p>
  <ul>
    <li>Việt Nam</li>
    <li>Mỹ</li>
    <li>Úc</li>
  </ul>
</body>
</html>

Danh sách hiển thị như một hộp có viền, nền cam, không có dấu chấm đầu dòng.