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

html-css010

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

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

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

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

不行,如果是使用css自带的list-style属性定义前面的小圆点则不同浏览器,不同版本均有自己的解析方法,无法通过css实现具体控制,淘宝的是背景图片,使用css的list-style定义不确定因素太大,如果要求严格美观的页面布局应该在整个css中预先就清除列表元素的list-style属性然后用背景图片实现效果