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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值