เรียนรู้วิธีสร้างสัญลักษณ์แสดงหัวข้อย่อยในรายการที่ไม่เรียงลำดับด้วยคุณสมบัติ CSS list-style-type .
โดยค่าเริ่มต้น รายการแบบไม่เรียงลำดับ (<ul> ) บนหน้าเว็บใช้สัญลักษณ์แสดงหัวข้อย่อย
สัญลักษณ์แสดงหัวข้อย่อยมีลักษณะดังนี้:
ul {
list-style-type: disc;
}และมีลักษณะดังนี้:
- HTML
- CSS
- จาวาสคริปต์
ในการทำให้สัญลักษณ์แสดงหัวข้อย่อยเป็นสี่เหลี่ยมจัตุรัส คุณสามารถแทนที่ค่าเริ่มต้น list-style-type การตั้งค่าเช่นนี้:
ul {
list-style-type: square;
}ตัวอย่างสัญลักษณ์แสดงหัวข้อย่อย:
- HTML
- CSS
- จาวาสคริปต์
สัญลักษณ์แสดงหัวข้อย่อยแบบสี่เหลี่ยมนั้นไม่ธรรมดา แต่ในบางเว็บไซต์ก็เหมาะสมดี ขึ้นอยู่กับสไตล์และธีมที่คุณต้องการ
