列表属性(list-style)

1.引入

我们之前在学习标签的时候学习了列表相关的标签，主要有三个:ul-li(无序列表)、ol-li(有序列表)、dl-dt-dd(定义列表)，那么下面我们来学习一下用于设置列表相关样式的列表属性:list-style。

2.列表相关属性

list-style列表相关属性1.list-style-type:用于设置在列表显示内容的时候列表项的符号，一般的取值有如下几种:none:无样式Disc:实心圆circle:空心圆Square:实心方块2.list-style-image:用于设置使用图片作为列表项目的符号，说白了就是使用一张图片作为列表的开头符号。3.list-style-position:用于设置图像作为列表项目的的位置，一般有两个取值:inside、outside(默认值)4.list-style:用于设置上述三个的属性值，但是值得注意的是其值存在着顺序:list-style-type、list- style-position、list-style-image。

3.列表属性的相关代码示例以及效果图

<style type="text/css">.box1 ul{list-style: square;list-style-position: inside;}</style><div class="box1">第一学期上课内容:<ul><li>语文</li><li>数学</li><li>物理</li><li>英语</li></ul></div>