list-style-type设置项目符号样式
disc:实心圆
circle’:空心圆
square:正方形
decimal:1.2.3.4数值
upper-alpha:A.B.C.D.E.F大写字母
lower-alpha:a,b,c,d,e,f小写字母
upper-roman:Ⅰ,Ⅱ,Ⅲ,Ⅳ,Ⅴ,Ⅵ,Ⅶ,Ⅷ,Ⅸ,Ⅹ罗马数字表示方式
lover-roman: i , ii, iii,iv小写的罗马数字表示
none:不显示符号
cjk-ideographic:一,二,三,四中文里的表示
decimal-leading-zero:01,02,03,04数字表达方式
hiragana-iroha:はひふへほまみ日本平假名
list-style-image设置项目图片
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>项目符号</title>
<style type="text/css">
ul{
font-size:12px;
color:#00458c;
list-style-type:none;
padding-left:32px;
}
ul li{
background:url(img/tt.gif) no-repeat left center;
padding-left:32px;
}
ul li.type1{
list-style-type:cjk-ideographic;
}
ul li.type2{
list-style-type:circle;
}
ul li.type3{
list-style-type:hiragana-iroha;
}
ul li.type4{
list-style-type:armenian;
}
</style>
</head>
<body>
<ul><!--onorder list ol order list-->
<li class="type1">Home</li>
<li class="type2">Contact us</li>
<li class="type3">Web Dev</li>
<li class="type4">Web Design</li>
<li>Map</li>
</ul>
</body>
</html>