วิธีสร้างรายการไม่มีลำดับ (Unordered List) Bullet รูปจุดเต็มใน HTML

ใช้ CSS property list-style-type: disc ในแท็ก <ul> เพื่อกำหนด bullet เป็นจุดเต็ม (เป็นค่าเริ่มต้นของ browser แล้ว)

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <title>HTML Unordered List</title>
</head>
<body>
  <h1>Developed Countries</h1>
  <p>The list of developed countries:</p>
  <ul style="list-style-type:disc">
    <li>US</li>
    <li>Australia</li>
    <li>New Zealand</li>
  </ul>
</body>
</html>

ผลลัพธ์

US
Australia
New Zealand

ค่าของ list-style-type ทั้งหมด

ค่า	รูปแบบ Bullet
`disc`	● จุดเต็ม (default)
`circle`	○ วงกลมว่าง
`square`	■ สี่เหลี่ยมเต็ม
`none`	ไม่มี bullet

หมายเหตุ

เนื่องจาก disc เป็นค่าเริ่มต้นแล้ว การระบุ list-style-type: disc จึงไม่จำเป็น แต่ระบุไว้ก็ได้เพื่อความชัดเจน