列表与生成内容

2017-10-15  本文已影响0人  梨啊梨

列表类型  list-style-type

可以继承

关键字                效果

disc:空心圆作为列表项标志(默认值)

square:方块(空心或实心)作为列表项标志

decimal:1,2,3.。。

decimal-leading-zero:01,02,03.。。。

upper-alpha:A,B,C。。。

lower-alpha:a,b,c。。。

upper-roman:罗马的123.。。

none:不使用标志


列表项图像  list-style-image

他有继承性,嵌套列表里的会被继承

格式:    list-style-image:Url(xxxxx.xxx);

如果因为某些原因,未能加载,被破坏,则可以设置一个备用的列表项图像


列表标志位置  list-style-position

确定标志出现在列表项内容之外还是内容的内部

默认值 outside

inside:将标志拉向内容,这会使标志放在列表的内容以内“”


简写列表样式  list-style

list-style-type  list-style-image  list-style-position

都可以用list-style进行简写,可以按任何顺序列出,而且这些值都可以忽略,只提供一个值,其他的就会填入默认值。

例如: list-style:url(image.jpg) disc inside

上一篇下一篇

猜你喜欢

热点阅读