HTML中li标签CSS样式明细

 

1、直接变色

li{
       color:#f00;
}

注:如果改变点的颜色,那么li后的文字有可能跟着变色,所以要注意分别定义颜色li和字体的颜色。成功的案例请看我的歌轩网

2、改成图片

li{
       list-style: url("pre.gif") outside circle;
}


3、关于这个list-style-type的一些语法与参数

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

阅读更多

没有更多推荐了,返回首页