做网页的时候经常会遇到列表前的小圆点,难看不说,还容易影响布局,下面就介绍几种消除小圆点的方法:
1. 找到相关CSS文件,在.ul 和.li 部分添加:
list-style: none;
或:
list-style-type: none;
2. 在页面<head>部分添加:
<style type="text/css">
list-style: none;
</style>
3. 在HTML标签中添加:
<ul style="list-style-type: none>
<li><a herf="#">CSDN</a>
</li>
< /ul>
以上三种方式分别为外联式,嵌入式,以及内联式,优先级由低到高,按需选择。
除了实心圆点,list-style-type还有其他样式:
none不使用项目符号
disc实心圆,默认值
circle空心圆
square实心方块
decimal阿拉伯数字
lower-roman小写罗马数字
upper-roman大写罗马数字
lower-alpha小写英文字母
upper-alpha大写英文字母
选择所需效果,替换上文的none即可。