在html中如何修改無(wú)序列表ul和li的格式呢？

前端開(kāi)發(fā)時(shí)常會(huì)用到無(wú)序列表（?ul? ?li?） 來(lái)進(jìn)行數(shù)據(jù)的展示等，這里記錄一些常見(jiàn)的樣式修改

1、去掉默認(rèn)情況下前面的圓點(diǎn)

ul{list-style:none;}

2、橫向展示排列

li{float: left;}

3、修改為圓點(diǎn)之外的樣式

這里指定的是空心圓

li{
    /*float: left;*/
    list-style-type: circle;
}

下面給出其他類(lèi)型：

• 參考資料：http://m.hgci.cn/css/css-list.html

4、更改圓點(diǎn)樣式為圖片

li{
    list-style-type:none;
    list-style-image: url(url);
}

• 參考資料：http://m.hgci.cn/cssref/pr-list-style-image.html

CSS寫(xiě)法：

HTML寫(xiě)法：

點(diǎn)擊 CSS無(wú)序列表在線實(shí)例 在線實(shí)操一下吧~