[分享]css取消ulli前面的点

 首先我们了解一下，为什么ul li列表会自动加上点呢？ 这是因为浏览器默认加了一个liststyletype属性，来表示这是一个列表，显示的样式是一个点。如果我们想取消这个点，我们可以通过CSS来控...

 首先我们了解一下，为什么ul li列表会自动加上点呢？ 这是因为浏览器默认加了一个list-style-type属性，来表示这是一个列表，显示的样式是一个点。
如果我们想取消这个点，我们可以通过CSS来控制。可以通过以下几种方式操作：
1. list-style-type属性设置为空
可以通过设置list-style-type属性为空，来取消列表前面的点。但是这样会将全部样式清除掉。
ul {
list-style-type: none;
}
2. list-style属性设置为空
通过设置list-style属性为空，同样可以去除列表前面的点。并且可以保留其他CSS样式。
ul {
list-style: none;
}
3. li:before伪元素
如果想去除列表前面的点，同时保留其他样式，也可以使用伪元素:before来设置。
ul li:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
background-color: #ccc;
margin-right: 5px;
}
代码演示：

<style>
  ul {
    list-style-type: none;
  }
  
  ul li:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #ccc;
    margin-right: 5px;
  }
</style>

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul> 

通过以上方法，可以轻松取消列表前面的点。如果想要自定义样式，可以使用伪元素:before来实现。希望大家能够掌握！