list-style

功能：　　设置列表项目相关内容。

 

语法：

　　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 不使用项目符号

 

　　armenianl : 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 未支持。大写拉丁字母

 

　　－－－－－－－－－－－－－－－－－－－

 

LI代码的格式化:

A).

　　运用CSS格式化列表符：

 

　　ul li{

 

　　list-style-type:none;

 

　　}

B).

　　如果你想将列表符换成图像，则：

 

　　ul li{

 

　　list-style-type:none;

 

　　list-style-image: url(images/icon.gif);

 

　　}

C).

　　为了左对齐，可以用如下代码：

 

　　ul{

 

　　list-style-type:none;

 

　　margin:0px;

 

　　}

D).

　　如果想给列表加背景色，可以用如下代码：

 

　　ul{

 

　　list-style-type: none;

 

　　margin:0px;

 

　　}

 

　　ul li{

 

　　background:#CCC;

 

　　}

E).

　　如果想给列表加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;这一行必须要加的，这样才能块状显示！

F).

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

 

　　ul{

 

　　list-style-type:none;

 

　　width:100%;

 

　　}

 

　　ul li{

 

　　width:80px;

 

　　float:left;

 

　　}