Trong một số tình huống, bạn có thể muốn tạo một danh sách đạn không có đạn hoặc một mục danh sách không có đạn. Để tạo danh sách theo thứ tự hoặc danh sách không có thứ tự không có đạn, hãy làm theo các bước dưới đây.

Ví dụ HTML

Thêm lớp CSS "list-style: none" vào danh sách không có thứ tự (

) hoặc danh sách đặt hàng (
) thẻ sẽ loại bỏ bất kỳ dấu đầu dòng hoặc số.
• Danh sách mục không có dấu đầu dòng
• Mục thứ hai

Ví dụ HTML với CSS

Mặc dù ví dụ trên hoạt động trong hầu hết mọi tình huống, nhưng nói chung nên có CSS ​​trong một tệp CSS bên ngoài riêng biệt. Dưới đây là CSS và HTML có thể được sử dụng để loại bỏ đạn.

Sử dụng CSS dưới đây sẽ loại bỏ đạn khỏi tất cả các liên kết không có thứ tự (

), có thể hữu ích nếu bạn không có ý định sử dụng đạn hoặc muốn sử dụng hình ảnh thay vì đạn.

ul {list-style-type: none; }

Nếu bạn chỉ có một danh sách, không có đạn hoặc số, thì tốt hơn là tạo một lớp có thể được sử dụng bất cứ lúc nào bạn không muốn có đạn như trong CSS bên dưới.

.nobull {list-style-type: none; }

Trong CSS ở trên, một lớp mới gọi là "nobull" được tạo ra, lớp này sau đó có thể được sử dụng bất cứ khi nào bạn không muốn một viên đạn như trong ví dụ dưới đây.

• Danh sách mục không có dấu đầu dòng
• Mục thứ hai

Mẹo: Bạn cũng có thể áp dụng lớp này cho bất kỳ mục nào trong danh sách (

• ) để có một hoặc nhiều vật phẩm đạn không có viên đạn, trong khi giữ các viên đạn khác không thay đổi.

  Ví dụ đầu ra

  Dưới đây là một ví dụ về cách đầu ra cho danh sách đạn không có thứ tự xuất hiện mà không có đạn.

  • Danh sách mục không có dấu đầu dòng
  • Mục thứ hai