前端开发_HTML5_CSS部分-列表属性(list-style)

列表属性(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.列表属性的相关代码示例以及效果图

   第一学期上课内容:
   

	  
语文
	  
数学
	  
物理
	  
英语