也想快乐的生活

好好扮演自己的角色,做自己该做的事

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

阅读更多
文章标签: css html url
想对作者说点什么? 我来说一句

动态改变<em>li标签样式</em>

2018年05月08日 0B 下载

CSS 改变 li 样式的三种方法

mixi9760 mixi9760

2016-07-18 08:23:06

阅读数:1461

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

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭