本文主要是介绍前端开发_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.列表属性的相关代码示例以及效果图
<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>
这篇关于前端开发_HTML5_CSS部分-列表属性(list-style)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
