CSS中,可以通過(guò)設(shè)置兩個(gè)屬性來(lái)讓li的點(diǎn)變大,它們分別是list-style-type和list-style-size。
list-style-type屬性用于設(shè)置列表符號(hào)的類(lèi)型,包括實(shí)心點(diǎn)、空心點(diǎn)、數(shù)字等等,而list-style-size屬性則可以控制列表符號(hào)的大小。
/* 將li的點(diǎn)變?yōu)閷?shí)心點(diǎn) */ ul { list-style-type: disc; } /* 將li的點(diǎn)變?yōu)榭招狞c(diǎn) */ ul { list-style-type: circle; } /* 將li的點(diǎn)變?yōu)閿?shù)字 */ ol { list-style-type: decimal; } /* 將li的點(diǎn)變?yōu)樽帜?*/ ol { list-style-type: lower-alpha; } /* 將li的點(diǎn)變?yōu)榇髮?xiě)羅馬數(shù)字 */ ol { list-style-type: upper-roman; } /* 將li的點(diǎn)變大為2em */ ul { list-style-size: 2em; }
需要注意的是,當(dāng)把li的點(diǎn)變大時(shí),它們的位置也會(huì)相應(yīng)地向右移動(dòng)。
通過(guò)設(shè)置這兩個(gè)屬性,我們可以讓列表的樣式更加豐富,更加符合頁(yè)面的整體風(fēng)格。