html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

css中li前面点的样式或换成图片不适用其默认样式_CSS教程_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:这篇文章主要介绍css中li前面点的样式或换成图片不适用其默认样式,需要的朋友可以参考下
不使用li样式:list-style-type:none; JjvHTML5中文学习网 - HTML5先行者学习网
JjvHTML5中文学习网 - HTML5先行者学习网
如果要定义为图片: JjvHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
JjvHTML5中文学习网 - HTML5先行者学习网
li{ JjvHTML5中文学习网 - HTML5先行者学习网
list-style: url("pre.gif") outside circle; JjvHTML5中文学习网 - HTML5先行者学习网
} JjvHTML5中文学习网 - HTML5先行者学习网
JjvHTML5中文学习网 - HTML5先行者学习网
改颜色 JjvHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
JjvHTML5中文学习网 - HTML5先行者学习网
li{ JjvHTML5中文学习网 - HTML5先行者学习网
color:#f00; JjvHTML5中文学习网 - HTML5先行者学习网
} JjvHTML5中文学习网 - HTML5先行者学习网
JjvHTML5中文学习网 - HTML5先行者学习网
关于这个list-style-type的一些语法与参数: JjvHTML5中文学习网 - HTML5先行者学习网
JjvHTML5中文学习网 - HTML5先行者学习网
语法: JjvHTML5中文学习网 - HTML5先行者学习网
JjvHTML5中文学习网 - HTML5先行者学习网
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 JjvHTML5中文学习网 - HTML5先行者学习网
JjvHTML5中文学习网 - HTML5先行者学习网
取值: JjvHTML5中文学习网 - HTML5先行者学习网
disc :  CSS1 默认值。实心圆 JjvHTML5中文学习网 - HTML5先行者学习网
circle :  CSS1 空心圆 JjvHTML5中文学习网 - HTML5先行者学习网
square :  CSS1 实心方块 JjvHTML5中文学习网 - HTML5先行者学习网
decimal :  CSS1 阿拉伯数字 JjvHTML5中文学习网 - HTML5先行者学习网
lower-roman :  CSS1 小写罗马数字 JjvHTML5中文学习网 - HTML5先行者学习网
upper-roman :  CSS1 大写罗马数字 JjvHTML5中文学习网 - HTML5先行者学习网
lower-alpha :  CSS1 小写英文字母 JjvHTML5中文学习网 - HTML5先行者学习网
upper-alpha :  CSS1 大写英文字母 JjvHTML5中文学习网 - HTML5先行者学习网
none :  CSS1 不使用项目符号
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助