欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS入门 >

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

 

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 属性的值);

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r33553.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2017-07-10 01:04 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。