CSS定義項(xiàng)目符號(hào)對于網(wǎng)頁排版至關(guān)重要，可以讓信息更加清晰地表達(dá)出來。項(xiàng)目符號(hào)可以分為有序列表和無序列表兩種。

有序列表

ol {
list-style-type: decimal; /* 使用數(shù)字 */
list-style-type: upper-roman; /* 使用大寫羅馬數(shù)字 */
list-style-type: lower-roman; /* 使用小寫羅馬數(shù)字 */
list-style-type: upper-alpha; /* 使用大寫字母 */
list-style-type: lower-alpha; /* 使用小寫字母 */
list-style-type: none; /* 不使用任何符號(hào) */
}

無序列表

ul {
list-style-type: disc; /* 實(shí)心圓點(diǎn) */
list-style-type: circle; /* 空心圓 */
list-style-type: square; /* 實(shí)心方塊 */
list-style-type: none; /* 不使用任何符號(hào) */
}

除了以上常見的項(xiàng)目符號(hào)，CSS還支持自定義項(xiàng)目符號(hào)。例如，我們可以使用圖片或自定義字符來作為項(xiàng)目符號(hào)。

ul {
list-style-image: url("example.png"); /* 使用圖片作為項(xiàng)目符號(hào) */
list-style-type: none; /* 不使用默認(rèn)符號(hào) */
}
ul li:before {
content: "?"; /* 使用自定義字符作為項(xiàng)目符號(hào) */
margin-right: 8px;
}

以上代碼使用了

標(biāo)簽和
• 標(biāo)簽來創(chuàng)建無序列表，并使用了不同的list-style-type屬性來定義項(xiàng)目符號(hào)。如果要使用自定義符號(hào)，則需要使用:list-item偽類和content屬性來設(shè)置。