【实例介绍】
CSS列表综合属性list-style
列表综合属性(1ist-style)用来统一定义列表的各种显示效果。在列表综合属性中,可以同时定义列表的标签位置、使用图片、列表符号等属性。
【基本语法】
list-style:list-style-image | list-style-position | list-style-type
【语法介绍】
当list-style-image和list-style-type都被指定的时候,list-style-image将优先,除非list-style-image设置为none或指定url地址的图片不能被显示。
【实例代码】
无标题文档ul#test1
{ list-style:square inside url("images/list.png");}
ul#test2
{ list-style:none;}
- list-style示例
- list-style示例
- list-style示例
- list-style示例
【代码分析】
在代码中,加粗部分的标签用来设置列表复合属性,如图所示。
【素材及源码下载】