list-style:none <ul><li>设置列表标记默认会是实心圆点,设成none就是没有标记列表格式有好几种。list-style-type设置列表的格式为none也就是没有格式。操作方法如下:
1、首先新建一个html文件,命名为test.html。
2、在test.html文件内,使用ul、li标签创建一个列表,分别为测试一,测试二,测试三。
3、在test.html文件内,给ul标签添加一个class属性,用于样式的设置。
4、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。
5、在css标签内,通过class来设置ul的样式,将list-style属性设置为none,便可以实现取消掉li前面的点。
6、最后在浏览器打开test.html文件,查看实现的效果。
这两个CSS属性产生的效果是一样的!
list-style是对列表标签的缩写,而list-style-type是其中的一个属性,而list-style一共可以包含三个值,即:
list-style:type
list-style-position
list-style-image
list-style-type:设置列表项标记的类型。默认为disc。
list-style-position:设置在何处放置列表项标记。值为outside、inside。默认为outside。
list-style-image:使用图像来替换列表项的标记。
如今,我们通常都是使用的list-style-type就可以了,他的主要功能还是设置列表的小圆点的样式,或者取消小圆点的!