css中ul li的用法

/**//*基本格式如下：*/
list-style-type：参数

/**//*参数取值范围：*/
/**//*参数中的disc是默认选项。*/
·disc：圆形
·circle：空心圆
·square：方块
·decimal：十进制数字
·lower-roman：小写罗马数字
·upper-roman：大写罗马数字
·lower-alpha：小写希腊字母
·upper-alpha：大写希腊字母
·none：无符号显示


		

/**//*基本格式如下：*/
/**//*URL是用来代替项目符号的图形文件的地址，可以使用相对地址或绝对地址。*/
list-style-image：URL

/**//*例如*/
ul li{...}{
list-style-type:none;
list-style-image: url(/blog/images/icon.gif);
}
			

				 
		

/**//*基本格式如下：*/
list-style-position：参数

/**//*参数取值范围：*/
inside：在列表项目标记放置在文本以内，且环绕文本根据标记对齐。

outside：默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。

inherit：规定应该从父元素继承 list-style-position 属性的值。

		

/**//*将列表符换成图像*/

ul li{...}{ 
list-style-type:none; 
list-style-image: url(/blog/images/icon.gif); 
}


/**//*列表左对齐*/

ul{...}{ 
list-style-type:none; 
margin:0px; 
}


/**//*给列表加背景色*/

ul{...}{ 
list-style-type: none; 
margin:0px; 
} 
ul li{...}{ 
background:#CCC; 
}



/**//*列表加MOUSEOVER背景变色效果*/ 

ul{...}{ list-style-type: none; margin:0px; } 
ul li a{...}{ display:block; width: 100%; background:#ccc; } 
ul li a:hover{...}{ background:#999; } /**//*说明：display:block;这一行必须要加的，这样才能块状显示！*/


 
/**//*LI中的元素水平排列,关键FLOAT:LEFT： */

ul{...}{ 
list-style-type:none; 
width:100%; 
} 
ul li{...}{ 
width:80px; 
float:left; 
}