欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

css-列表样式

程序员文章站 2022-04-22 22:21:04
...

列表属性

效果
list-style 简写属性。用于把所有用于列表的属性设置于一个声明中。
list-style-image 将图象设置为列表项标志。
list-style-position 设置列表中列表项标志的位置。
list-style-type 设置列表项标志的类型。

list-style-type

ul.circle {list-style-type:circle;}//空心圆
ul.disc {list-style-type:disc}//实心圆
ul.decimal{list-style-type:decimal}//数字
ul.square {list-style-type:square;}//实心方块
ol.upper-roman {list-style-type:upper-roman;}//大写罗马数字(I, II, III, IV, V, 等。)
ol.lower-alpha {list-style-type:lower-alpha;}//小写英文字母(a, b, c, d, e, 等。)

列表标记的类型:
css2.1中的值:disc | circle | square | decimal | decimal-leading-zero |
lower-roman | upper-roman | lower-greek | lower-latin | upper-latin |
armenian | georgian | none | inherit

list-style-image

自定义图片标记:

ul 
{
    list-style-image: url('/i/eg_arrow.gif')
}

list-style-position

效果
inside 列表项目标记放置在文本以内,且环绕文本根据标记对齐。
outside 默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外,且环绕文本不根据标记对齐。

简单说,inside会有种缩进效果.