<form id="hz9zz"></form>
    • <form id="hz9zz"></form>
    

      

      <nobr id="hz9zz"></nobr>
      <form id="hz9zz"></form>
      3.   
          
      明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！
                   
        
                           
        
                        		  
        
                 
              
                
      自定義下文項符號list-style-image詳細說明
                
                  發表時間：2023-08-29             來源：明輝站整理相關軟件相關文章人氣：          
              
      [摘要]本篇文章給大家帶來的內容是關于自定義列表項符號list-style-image詳解，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。一、list-style-image屬性不管是有序列表，還是無序列表，都有它們自身的列表項符號。但是默認的列表項符號都比較丑，那如果我們想自定義列表項符...
      本篇文章給大家帶來的內容是關于自定義列表項符號list-style-image詳解，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。
      一、list-style-image屬性
      不管是有序列表，還是無序列表，都有它們自身的列表項符號。但是默認的列表項符號都比較丑，那如果我們想自定義列表項符號，那該怎么實現呢？
      在CSS中，我們可以使用list-style-image屬性來自定義列表項符號。
      語法：
      list-style-image:url(圖像地址);
      說明：
      圖像地址可以是相對地址，也可以是絕對地址�！就扑]閱讀：html中相對定位與絕對定位】
      舉例：
      我們把下面這個小圖標自定義為列表項符號：
      微信截圖_20181112161253.png
      例如：
      <!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>list-style-image屬性</title>
    <style type="text/css">
        ul{list-style-image:url("http://img.php.cnhttp://img6-2.22122511.com/upload/web_2/9-3-1.png");}
    </style>
</head>
<body>
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
    </ul>
</body>
</html>
      效果如下：
      微信截圖_20181112161721.png
      以上就是對自定義列表項符號list-style-image詳解的全部介紹，如果您想了解更多有關Html5教程，請關注PHP中文網。
      以上就是自定義列表項符號list-style-image詳解的詳細內容，更多請關注php中文網其它相關文章！
      				
				
      網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




              
              
                 
              
                                            
                              		       
                          
                           		  
        
                            
      
日韩精品一区二区三区高清