css-列表样式

列表属性

效果
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会有种缩进效果.

你可能感兴趣的:(html/css/js)