在CSS中,我們可以使用list-style-type
屬性來設(shè)置列表項前面的標(biāo)記,比如圓圈,以下是一個簡單的示例,展示如何為列表添加圓圈標(biāo)記:
ul { list-style-type: circle; }
在這個示例中,ul
元素代表一個無序列表(unordered list),list-style-type: circle;
則表示列表項前面的標(biāo)記為圓圈,你也可以使用disc
關(guān)鍵字來設(shè)置標(biāo)記為實心圓點,或者使用none
來移除列表標(biāo)記。
列表樣式參考
1、circle - 圓圈標(biāo)記
2、disc - 實心圓點標(biāo)記
3、square - 實心方塊標(biāo)記
4、decimal - 數(shù)字標(biāo)記(1, 2, 3, ...)
5、lower-alpha - 小寫字母標(biāo)記(a, b, c, ...)
6、upper-alpha - 大寫字母標(biāo)記(A, B, C, ...)
7、lower-roman - 小寫羅馬數(shù)字標(biāo)記(i, ii, iii, ...)
8、upper-roman - 大寫羅馬數(shù)字標(biāo)記(I, II, III, ...)
9、none - 無標(biāo)記
示例代碼
<!DOCTYPE html> <html> <head> <style> ul { list-style-type: circle; } </style> </head> <body> <ul> <li>項目1</li> <li>項目2</li> <li>項目3</li> </ul> </body> </html>
在這個HTML示例中,我們創(chuàng)建了一個無序列表,并通過CSS樣式設(shè)置了列表項前面的標(biāo)記為圓圈,你可以根據(jù)需要選擇其他標(biāo)記樣式。