css属性: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 未支持。大写拉丁字母
: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;   }

2012-10-29 13:33:02 通过电脑发布 355次围观

我要评论
昵称:
验证:验证码:1398
评论:

佳通网站工作室
佳通自助建站
佳通自助建站贴吧版
Copyright © 2006-2016 www.jtdx.cn
桂ICP备14003809号