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

前端開發(fā)時常會用到無序列表（?ul? ?li?） 來進行數(shù)據(jù)的展示等，這里記錄一些常見的樣式修改

1、去掉默認情況下前面的圓點

ul{list-style:none;}

2、橫向展示排列

li{float: left;}

3、修改為圓點之外的樣式

這里指定的是空心圓

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

下面給出其他類型：

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

4、更改圓點樣式為圖片

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

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

CSS寫法：

HTML寫法：

點擊 CSS無序列表在線實例 在線實操一下吧~