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

html-css029

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

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

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

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

li去掉前面点,并且放在一行方法:

1、在CSS中写上list-style:none。通过这个属性,可以去除列表样式。

2、在CSS中加上list-style-type:none。和上一种方式一样,只是用了不同的属性。

3、在li标签里面直接加入列表样式,前面两个给了样式去除圆点,后面两个没给,还会显示出来。

4、当然,也可以给标签一个类名,在CSS中给样式,比如下列代码,只给第一个li标签样式,它自然就没有前面的圆点了。