列表样式



list-style-type:disc(实心圆)circle(空心圆)square(方块)decimal(阿拉伯数字)
                lower-roman(小写罗马数字)upper-roman(大写罗马数字)
                lower-alpha(小写英文数字)upper-alpha(大写英文数字) none(无项目符号)

list-style-image:url(*.jpg)列表图片符号
               

list-style-position设置值 inside(内部) outside(外部)
                          inside表示项目符号与文本内容形成一个整体,随着文本内容位置的更改而更改
                          outside则表示项目符号脱离文本流


ul{ list-style-image:none;}
li{ background-image:url(*.jpg); background-position:0px 5px; background-repeat:no-repeat; padding-left:20px;}
               
 使用背景图片作为列表图片符号时,list-style-type必须设置为none
 因为项目符号默认为实心圆,并且list-style-position默认为outside

ul列表默认有一定的左右padding值和上下margin值,在设置列表图片符号时,必须设置一定的padding值,否则列表图片无法正常显示

你可能感兴趣的:(CSS)