Cách tạo danh sách không có thứ tự với bullet hình ảnh trong HTML?

Để tạo danh sách không có thứ tự trong HTML, dùng thẻ <ul>. Mục danh sách bắt đầu bằng <li> và mặc định là bullet chấm tròn đen. Nếu muốn bullet là hình ảnh, hãy dùng thuộc tính CSS list-style-image.

Chúng ta dùng thuộc tính style trên thẻ <ul> với list-style-image để thêm bullet hình ảnh. Thuộc tính url() đặt nguồn hình ảnh cho mục danh sách. Lưu ý: style ghi đè kiểu toàn cục.

Ví dụ

Chạy mã sau để đặt bullet hình ảnh cho danh sách không có thứ tự:

<!DOCTYPE html> <html>    <head>       <title>HTML Unordered List</title>    </head>    <body>       <h2>Tutorials</h2>       <p>The list of tutorials:</p>       <ul style="list-style-image: url('/theme/css/icons/image-editor.png');">          <li>Java</li>          <li>C++</li>          <li>Ruby</li>       </ul>    </body> </html>