在CSS排版中怎样把列表前面的点去掉？

html-css027

在CSS排版中怎样把列表前面的点去掉？,第1张

1、用list-style属性就可去掉点。操作方法是首先打开html编辑器，新建一个html文档，里面新建一个无序列表：

2、然后在上方引入style标签，在里面设置样式，这里设置一下背景色和字体方便观察效果，再设置li标签的list-style属性的值为none，设置完保存打开浏览器：

3、最后在浏览器中就可以看到效果了，此时出现的就是没有点的列表了：

设置li标签的list-style属性为none

如下例子

li标签在没有设置li{list-style:none}的时候，前面是有圆点的，设置之后，圆点消失

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Document</title>

<style>

  li{list-style: none}/*这里设置*/

</style>

</head>

<body>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

</body>

</html>