图解 CSS (9): 列表

来源:互联网 时间:1970-01-01

list-style-type (指定类型)
list-style-image (指定图片)
list-style-position (指定位置)
list-style (综合设置)
marker-offset (不支持)

使用 list-style 可单独或综合设置: 类型、图片、位置, 无顺序;

如果同时设置了图片和类型, 图片会替换类型; 如果图片失效则使用类型.

list-style-type:disc (实心圆, 默认)
circle (空心圆)
square (实心方块)
decimal (阿拉伯数字)
lower-roman (小写罗马数字)
upper-roman (大写罗马数字)
lower-alpha (小写英文字母)
upper-alpha (大写英文字母)
none (无项目符号)
还有很多不支持的...

list-style-image:

list-style-position: outside(默认)、inside;

给列表项单独设置样式:

列表相关的 HTML 标签:ol: 有序列表
ul: 无序列表
li: 列表项
dl: 块
dt: 块标题
dd: 块内容
<ul dynamicoutline initcollapsed>
dynamicoutline: 可折叠
initcollapsed: 开始就折叠


相关阅读:
Top