列表样式
2015-08-27 14:20
561 查看
list-style-type:disc(实心圆)circle(空心圆)square(方块)decimal(阿拉伯数字)
lower-roman(小写罗马数字)upper-roman(大写罗马数字)
lower-alpha(小写英文数字)upper-alpha(大写英文数字) none(无项目符号)
list-style-image:url(*.jpg)列表图片符号
list-style-position设置值 inside(内部) outside(外部)
inside表示项目符号与文本内容形成一个整体,随着文本内容位置的更改而更改
outside则表示项目符号脱离文本流
ul{ list-style-image:none;}
li{ background-image:url(*.jpg); background-position:0px 5px; background-repeat:no-repeat; padding-left:20px;}
使用背景图片作为列表图片符号时,list-style-type必须设置为none
因为项目符号默认为实心圆,并且list-style-position默认为outside
ul列表默认有一定的左右padding值和上下margin值,在设置列表图片符号时,必须设置一定的padding值,否则列表图片无法正常显示
list-style-type:disc(实心圆)circle(空心圆)square(方块)decimal(阿拉伯数字)
lower-roman(小写罗马数字)upper-roman(大写罗马数字)
lower-alpha(小写英文数字)upper-alpha(大写英文数字) none(无项目符号)
list-style-image:url(*.jpg)列表图片符号
list-style-position设置值 inside(内部) outside(外部)
inside表示项目符号与文本内容形成一个整体,随着文本内容位置的更改而更改
outside则表示项目符号脱离文本流
ul{ list-style-image:none;}
li{ background-image:url(*.jpg); background-position:0px 5px; background-repeat:no-repeat; padding-left:20px;}
使用背景图片作为列表图片符号时,list-style-type必须设置为none
因为项目符号默认为实心圆,并且list-style-position默认为outside
ul列表默认有一定的左右padding值和上下margin值,在设置列表图片符号时,必须设置一定的padding值,否则列表图片无法正常显示
相关文章推荐
- 列表样式
- 滚动条样式
- 表格样式
- 表单样式
- 边框样式
- CSS的简单用法
- Web安全色有哪些
- CSS中hover改变子元素和其它元素样式
- 纯CSS柱状图,无动画
- 如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器
- Microsoft Edge 浏览器开始支持webkit私有样式
- 创建base公共样式文件
- css中子元素浮动,无法自动撑开父元素的解决办法
- 常用CSS书写技巧和CSS HACK技巧
- css网页自适应-2
- css网页自适应-1
- CSS强制英文、中文换行与不换行 强制英文换行-样式在线生成-样式在线调试
- 如何快速的合成各种样式的图片
- 纯css下拉菜单的制作
- PS学习笔记------图层样式