做网页的时候经常会遇到列表前的小圆点，难看不说，还容易影响布局，下面就介绍几种消除小圆点的方法：
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="#"></a>
</li>
< /ul>
以上三种方式分别为外联式，嵌入式，以及内联式，优先级由低到高，按需选择。
除了实心圆点，list-style-type还有其他样式：
none不使用项目符号
disc实心圆，默认值
circle空心圆
square实心方块
decimal阿拉伯数字
lower-roman小写罗马数字
upper-roman大写罗马数字
lower-alpha小写英文字母
upper-alpha大写英文字母
选择所需效果，替换上文的none即可。
转载请注明原文地址: https://ju.6miu.com/read-664143.html
