list-style 用法 ul ol

li { list-style: url("http://www.divcss5.com/devgurupix.gif"), inside, circle; }

ul { list-style: outside, upper-roman; }

ol { list-style: square; }

list-style-image

list-style-type

list-style-position

语法：
 
list-style-type : disc | circle| square| decimal| lower-roman| upper-roman| lower-alpha| upper-alpha| none| armenian | cjk-ideographic| georgian| lower-greek| hebrew| hiragana| hiragana-iroha| katakana| katakana-iroha| lower-latin| upper-latin
 
参数：
 
disc : 　CSS1　实心圆
circle : 　CSS1　空心圆
square : 　CSS1　实心方块
decimal : 　CSS1　阿拉伯数字
lower-roman : 　CSS1　小写罗马数字
upper-roman : 　CSS1　大写罗马数字
lower-alpha : 　CSS1　小写英文字母
upper-alpha : 　CSS1　大写英文字母
none : 　CSS1　不使用项目符号
armenian : 　CSS2　传统的亚美尼亚数字
cjk-ideographic : 　CSS2　浅白的表意数字
georgian : 　CSS2　传统的乔治数字
lower-greek : 　CSS2　基本的希腊小写字母
hebrew : 　CSS2　传统的希伯莱数字
hiragana : 　CSS2　日文平假名字符
hiragana-iroha : 　CSS2　日文平假名序号
katakana : 　CSS2　日文片假名字符
katakana-iroha : 　CSS2　日文片假名序号
lower-latin : 　CSS2　小写拉丁字母
upper-latin : 　CSS2　大写拉丁字母
 
说明：
 
设置或检索对象的列表项所使用的预设标记。
若list-style-image属性为none或指定图像不可用时，list-style-type属性将发生作用。
仅作用于具有display值等于list-item的对象（如li对象）。
注意：ol对象和ul对象的type特性为其后的所有列表项目（如li对象）指明列表属性。请参阅我的其他著作。
IE5.5尚不支持所有CSS2的值。
对应的脚本特性为listStyleType。请参阅我编写的其他书目。
 
示例：
 
li { list-style-type: square }

.outside{width:120px;list-style-position:outside;}
.inside{width:120px;list-style-position:inside;}

-------------------------------------------------------------------------------------------------------------------------------------------------------------------

ul 内定义 小图标 方法--------------------加背景              加背景

#main ul{display:inline;

  margin: 0px;
  padding:0px;
    list-style-type:none;
  }
  #main li {
  background:  url(../images/dot.gif) left  top no-repeat;
      line-height:150%;
  } 

--------------------------------------------------------------------------------------------------------------------------------------------------------------------------

小图标  外出

#main ul{
 display:inline;
 margin: 0px;
 padding:0px;
   list-style: url(../images/dot.gif) outside;
 }
 #main li {
 margin-left:12px;
 line-height:150%;
 }