如何去掉ul和li前面的小黑点

2024-04-27 15:07:27

字体：大中小

来源：转载

供稿：网友

做网站的时候经常会遇到如上图所示的小圆点，难看不说，还容易影响布局，下面就介绍几种消除小圆点的方法：

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即可。