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

html-css023

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

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

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

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

在head区域加个css:

<style type="text/css">

ul,li{list-style: nonepadding: 0margin:0}

</style>

有不懂的可以追问我。

一般li与ul或者ol同用,因为ul或li其中设置的padding与margin;

修改方式:修改css文件代码如下:

ul,ol,li{

margin:0/*设置外补白为0*/

padding:0/*设置内补白为0*/

}