小編給大家分享一下自定義列表項(xiàng)符號(hào)list-style-image有什么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

目前創(chuàng)新互聯(lián)已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬空間、網(wǎng)站托管維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、和政網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

一、list-style-image屬性

不管是有序列表，還是無序列表，都有它們自身的列表項(xiàng)符號(hào)。但是默認(rèn)的列表項(xiàng)符號(hào)都比較丑，那如果我們想自定義列表項(xiàng)符號(hào)，那該怎么實(shí)現(xiàn)呢？

在CSS中，我們可以使用list-style-image屬性來自定義列表項(xiàng)符號(hào)。

語法：

list-style-image:url(圖像地址);

說明：

圖像地址可以是相對(duì)地址，也可以是絕對(duì)地址。

舉例：

我們把下面這個(gè)小圖標(biāo)自定義為列表項(xiàng)符號(hào)：

例如：

 


    
    


    

        
HTML
        
CSS
        
JavaScript
    

效果如下：

以上是“自定義列表項(xiàng)符號(hào)list-style-image有什么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！

網(wǎng)站名稱：自定義列表項(xiàng)符號(hào)list-style-image有什么用-創(chuàng)新互聯(lián)
標(biāo)題路徑：http://weahome.cn/article/csojsj.html