如何去掉ul和li前面的小黑點


做網站的時候經常會遇到如上圖所示的小圓點,難看不說,還容易影響布局,下面就介紹幾種消除小圓點的方法:

1. 找到相關CSS文件,在.ul 和.li 部分添加:

1 list-style: none; 

 

或:

1 list-style-type: none; 

 

2. 在頁面<head>部分添加:

1 <style type="text/css"> 2 list-style: none; 3 </style> 

 

 

3. 在HTML標簽中添加:

1 <ul style="list-style-type: none> 2  <li><a herf="#">CSDN</a> 3  </li> 4 < /ul> 

 

以上三種方式分別為外聯式,嵌入式,以及內聯式,優先級由低到高,按需選擇。

  

除了實心圓點,list-style-type還有其他樣式:

1 none不使用項目符號 2 disc實心圓,默認值 3 circle空心圓 4 square實心方塊 5 decimal阿拉伯數字 6 lower-roman小寫羅馬數字 7 upper-roman大寫羅馬數字 8 lower-alpha小寫英文字母 9 upper-alpha大寫英文字母 

 

選擇所需效果,替換上文的none即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM