做網站的時候經常會遇到如上圖所示的小圓點,難看不說,還容易影響布局,下面就介紹幾種消除小圓點的方法:
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即可。