CSS列表样式属性

1、CSS列表样式属性列表样式类型属性(list-style-type)这个属性用来设定列表项标记(list-item marker)的类型。有以下值：disc (缺省值，黑圆点) circle (空心圆点) square (小黑方块) decimal (数字排序) lower-roman (小写罗马字排序) upper-roman (大写罗马字排序) lower-alpha (小写字母排序) upper-alpha (大写字母排序) none (无列表项标记) HYPERLINK /html/css_examples/039_list_style_type_ul.html 以disc,circl

2、e,square,none作为列表项标记的列表示例列表样式类型 list-style-typeul.disc list-style-type: discul.circle list-style-type: circleul.square list-style-type: squareul.none list-style-type: none肉类蔬菜水果肉类蔬菜水果肉类蔬菜水果肉类蔬菜水果 HYPERLINK /html/css_examples/040_list_style_type_ol.html 以decimal,lower-roman,upper-roman,lower-alpha,up

3、per-alpha作为列表项标记的列表示例列表样式类型 list-style-typeol.decimal list-style-type: decimalol.lower-roman list-style-type: lower-romanol.upper-roman list-style-type: upper-romanol.lower-alpha list-style-type: lower-alphaol.upper-alpha list-style-type: upper-alpha肉类蔬菜水果肉类蔬菜水果肉类蔬菜水果肉类蔬菜水果肉类蔬菜水果列表样式位置属性(list-style-

4、position)列表样式位置属性(list-style-position)有两个值：outside (以列表项内容为准对齐) inside (以列表项标记为准对齐) HYPERLINK /html/css_examples/038_list_style_position.html 演示示例列表样式位置 list-style-position.u1 list-style-position:outside.u2 list-style-position:inside芙蓉姐姐芙蓉姐姐芙蓉姐姐芙蓉姐姐芙蓉姐姐芙蓉姐姐芙蓉姐姐芙蓉姐姐芙蓉姐姐木子美竹影青瞳流氓燕芙蓉姐姐芙蓉姐姐芙蓉姐姐芙蓉姐姐芙蓉姐姐芙

5、蓉姐姐芙蓉姐姐芙蓉姐姐芙蓉姐姐木子美竹影青瞳流氓燕列表样式图片属性(list-style-image)列表项标记可以用图片来表示，用列表样式图片属性(list-style-image)来设定图片。示例代码如下：ul list-style-image: url(./images/css_tutorials/dot02.gif) HYPERLINK /html/css_examples/037_list_style_image.html 演示示例列表样式图片 list-style-imageul list-style-image: url(./images/css_tutorials/dot02.gif)芙蓉姐姐木子美竹影青瞳流氓燕列表样式属性(list-style)这个属性是设定列表样式的一个快捷的综合写法。用这个属性可以同时设值列表样式类型属性(list-style-type)，列表样式位置属性(list-style-position)和列表样式图片属性(list-style-image)。示例代码如下：ul list-style:circle inside url(./images/css_tutorials/dot02.gif) HYPERLINK /html/css_examples/041_list_style.h