CSS列表樣式屬性

1、CSS列表樣式屬性列表樣式類型屬性(list-style-type)這個(gè)屬性用來設(shè)定列表項(xiàng)標(biāo)記(list-item marker)的類型。有以下值：disc (缺省值，黑圓點(diǎn)) circle (空心圓點(diǎn)) square (小黑方塊) decimal (數(shù)字排序) lower-roman (小寫羅馬字排序) upper-roman (大寫羅馬字排序) lower-alpha (小寫字母排序) upper-alpha (大寫字母排序) none (無列表項(xiàng)標(biāo)記) HYPERLINK /html/css_examples/039_list_style_type_ul.html 以disc,circl

2、e,square,none作為列表項(xiàng)標(biāo)記的列表示例列表樣式類型 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作為列表項(xiàng)標(biāo)記的列表示例列表樣式類型 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)有兩個(gè)值：outside (以列表項(xiàng)內(nèi)容為準(zhǔn)對(duì)齊) inside (以列表項(xiàng)標(biāo)記為準(zhǔn)對(duì)齊) 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)列表項(xiàng)標(biāo)記可以用圖片來表示，用列表樣式圖片屬性(list-style-image)來設(shè)定圖片。示例代碼如下：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)這個(gè)屬性是設(shè)定列表樣式的一個(gè)快捷的綜合寫法。用這個(gè)屬性可以同時(shí)設(shè)值列表樣式類型屬性(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