Css的列表属性 (List-style)步骤

2024-01-18 15:18 小编

1、类型

list-style-type: none(无标记); disc(默认,圆点);

circle(圆圈); square(方块);

decimal(数字);

decimal-leading-zero(0开头的数字标记。(01, 02, 03, 等。);

lower-roman(小罗码数字,如i, ii, iii, iv, v, );

upper-roman(大写罗马数字,如:I, II, III, IV, V, );

lower-alpha(小写英文字母);

upper-alpha(大写英文字母);

2、规定列表中列表项目标记的位置:

list-style-position: outside(默认值。保持标记位于文本的左侧。列表项目标记放置在 文本以外,且环绕文本不根据标记对齐) ;

list-style-position: inside(列表项目标记放置在文本以内,且环绕文本根据标记对齐);

list-style-position: inherit(规定应该从父元素继承 list-style-position 属性的值);

3、把图像设置为列表中的项目标记:

list-style-image: url(..) 图像的路径; none(默认 无图形被显示);

list-style-image: inherit(规定应该从父元素继承 list-style-image 属性的值);


Tag: 步骤
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码