วิธีสร้าง Bullet Points ใน HTML

เขียนข้อความสำหรับหัวข้อย่อยของคุณ เริ่มแต่ละจุดด้วยเส้นของมันเอง ห่อแต่ละบรรทัดใน

สร้างบรรทัดว่างเหนือรายการหัวข้อย่อยแล้วพิมพ์ช่องเปิด

แท็กในบรรทัดนั้น ค้นหาจุดสิ้นสุดของรายการหัวข้อย่อยแล้วสร้างบรรทัดว่างอีกบรรทัดที่นั่น พิมพ์การปิด

แท็ก ต่อไปนี้คือตัวอย่างรายการหัวข้อย่อยสั้นๆ ที่มีแอตทริบิวต์ ID:

• กระสุนหนึ่ง
• กระสุนสอง

ใช้ "style" เพื่อสร้างรายการหัวข้อย่อยโดยใช้โค้ด CSS เพิ่มโค้ด CSS ระหว่างแท็กระหว่าง และ แท็ก หรือคุณสามารถเขียนโค้ด CSS ในไฟล์ .CSS ภายนอก และฝังไฟล์โดยใช้ แท็กเช่นนี้:. เปลี่ยน "path/to/stylesheet.css" ด้วยพาธไปยังไฟล์ .CSS ที่คุณสร้างขึ้น ใช้ ID หรือแอตทริบิวต์ class เพื่อเลือกรายการหัวข้อย่อยของคุณ เช่น:

#mylist li { font-style: ตัวเอียง; }

รหัสด้านบนเลือกทั้งหมด

ใช้คุณสมบัติ "list-style" ใน CSS เพื่อเปลี่ยนประเภทสัญลักษณ์แสดงหัวข้อย่อย ประเภทสัญลักษณ์แสดงหัวข้อย่อยที่มี ได้แก่ วงกลมเปิด ดิสก์ที่เติมข้อมูล และสี่เหลี่ยมจัตุรัสสำหรับรายการที่ไม่ใช่ตัวเลขและไม่ได้เรียงตามตัวอักษร นี่คือตัวอย่างสำหรับสัญลักษณ์แสดงหัวข้อย่อยสี่เหลี่ยม:

#mylist li {list-style: square;}

เคล็ดลับ