做网站的时候经常会遇到如上图所示的小圆点,难看不说,还容易影响布局,下面就介绍几种消除小圆点的方法:
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即可。