Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

วิธีลบ Bullet Points จาก Unordered Lists ด้วย CSS

Unordered list items (<ul>) บนเว็บมี round bullet points default แต่ถ้าอยากลบ bullet points เช่นตอนสร้าง navigation component?

HTML structure ตัวอย่างสำหรับ navigation/menu:

<nav> <ul> <li>Home</li> <li>About</li> <li>Contact</li> </ul> </nav>

ลบ bullet points ต้อง override default list-style-type: disc; เป็น none:

nav ul { list-style-type: none; }

หมายเหตุ: combine type selectors ul และ nav เพื่อระบุลบ bullets เฉพาะ navigation นี้ ไม่งั้นทุก unordered list บนเว็บจะหาย bullets