|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
每个声明内只能有一个属性,如果属性值中含有空格用双引号括起来例,在一个声明块内可以有多个声明,每个声明用分号隔开。
li{list-style-image:url(images/disc.gif);}
li的这个款式界说是将列表项目利用图片来取代显现的小圆点。固然您也能够显现成别的效果,具体请参阅上面的界说:
列表项目效果的CSS界说
*list-style-type:circle(可换成本人想要的款式); 列表项目款式
disc: CSS1 实心圆
circle: CSS1 空心圆
square: CSS1 实心方块
decimal: CSS1 阿拉伯数字
lower-roman: CSS1 小写罗马数字
upper-roman:CSS1 年夜写罗马数字
lower-alpha:CSS1 小写英笔墨母
upper-alpha:CSS1 年夜写英笔墨母
none: CSS1 不利用项目标记
armenian: 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 年夜写拉丁字母
*list-style-image:url(images/disc.gif);用图象disc.gif取代列表项目显现
*list-style-position:outside|inside
outside: 列表项方针记安排在文本之外,且围绕文本不依据标志对齐
inside: 列表项方针记安排在文本之内,且围绕文本依据标志对齐
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。 |
|