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