網(wǎng)站制作之如何去掉LI前面的點(diǎn)
發(fā)布日期:[2010/1/24] 編輯:奇億廣州網(wǎng)站建設(shè)
一般DIV+CSS網(wǎng)站制作布局時(shí)經(jīng)常會遇到LI點(diǎn)的情況,特別是對新手來說可能有點(diǎn)陌生,如何去掉<li></li>中的點(diǎn)呢,或者如何改變點(diǎn)成數(shù)字1234或者改成空心圓方塊等呢,又如何改變點(diǎn)的顏色?其實(shí)很簡單:直接定義LI的CSS為list-style-type :none即可去掉點(diǎn),如
li{
list-style-type :none;
}
如果要改變點(diǎn)的顏色,那么li里的字也會變顏色與大小的了,但你可以使用圖片來作為前面的點(diǎn),這樣就可以隨心所欲地裝飾了。
li{
list-style: url("pre.gif") outside circle;
}
LI點(diǎn)的其他用法CSS代碼:
list-style-type :
disc 默認(rèn)值。實(shí)心圓
circle 空心圓
square 實(shí)心方塊
decimal 阿拉伯?dāng)?shù)字
lower-roman 小寫羅馬數(shù)字
upper-roman 大寫羅馬數(shù)字
lower-alpha 小寫英文字母
upper-alpha 大寫英文字母
none 不使用項(xiàng)目符號