这篇文章主要为大家展示了“css如何将无序列表前的点去掉”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“css如何将无序列表前的点去掉”这篇文章吧。
在css中，可以利用“list-style”属性来去掉无序列表前的点，该属性用于设置列表的样式，当属性的值为“none”时，就会去掉列表前的点，语法为“ul{list-style:none;}”。
本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。
在css中，可以利用list-style属性来去掉无序列表前的点，该属性用于设置列表的属性样式，当属性的值为none时你就会去掉无序列表前的点。
示例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
ul li{
list-style:none;
}
</style>
</head>
<body>
<p>无序列表：</p>
<ul>
<li>雪碧</li>
<li>可乐</li>
<li>凉茶</li>
</ul>
</body>
</html>输出结果：
以上是“css如何将无序列表前的点去掉”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注编程网行业资讯频道！
