วิธีทำ Square Bullets บน Unordered Lists ด้วย CSS

เรียนรู้ทำ square bullet points บน unordered lists ด้วย CSS property list-style-type

Default unordered list items (<ul>) ใช้ round bullet points

Round bullet points styled ด้วย:

ul { list-style-type: disc; }

ลักษณะ:

• HTML
• CSS
• JavaScript

ทำ bullet points เป็นสี่เหลี่ยม override default list-style-type:

ul { list-style-type: square; }

Square bullets example:

• HTML
• CSS
• JavaScript

Square bullet points ใช้ไม่ค่อยมาก แต่บางเว็บเหมาะมาก ขึ้นกับ stylistic look และ theme