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会有种缩进效果.
上一篇: Css基本样式————列表