共計 612 個字符，預(yù)計需要花費 2 分鐘才能閱讀完成。

網(wǎng)站建設(shè)中常常會遇到 li 標(biāo)簽，在使用 li 標(biāo)簽的情況下默認是有一個小園點的，看起來跟網(wǎng)頁有點格格不入，博主一般見到都會去除小圓點，去掉的鏈接文字前面的小黑點很簡單，只需一行代碼就搞定。

在 CSS 文件中加入以下代碼：

ul li{list-style: none;}

如果想把這個小圓點換成其他的小圖標(biāo)也是可以的，修改代碼如下：

ul li{
list-style-type:none;// 這里是去掉小黑點
list-style-image: url(images/icon.gif);// 這里替換成你的圖標(biāo)路徑
}

當(dāng)然，有些站長喜歡這個小圓點，或者只想改一下顏色之類的，參考代碼如下：

ul li{list-style: none;}
ul li:before {
    content: "";
    float: left;
    width: 10px;
    height: 10px;
    margin: 10px 0;
    background-color: #3498db;
    border-radius: 50%;
}
// 如果你里面有超鏈接，還可能會用到下面的樣式
ul li a {
    display: block;
    height: 32px;
    font-size: 14px;
    color: #7c7c7c;
    line-height: 32px;
    text-indent: 10px;
}

這幾個方法都可以輕松改變網(wǎng)站的 li 標(biāo)簽，不管是 WordPress 網(wǎng)站還是其他程序網(wǎng)站，在添加以上代碼時注意網(wǎng)站的位置，需要放在網(wǎng)站 CSS 樣式表中即可實現(xiàn)。