css的背景图像设置设置列表的项目符号
2007-10-12 18:25
645 查看
用css的背景图像设置设置列表的项目符号,而不是默认的那种,用:background:url(images/image.jpg)
就像这样:
HTML
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
CSS
#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}
#navlist li
{
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}
就像这样:
HTML
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
CSS
#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}
#navlist li
{
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}
相关文章推荐
- 利用CSS背景定位实现列表项目符号图像的精确定位(ul,li,自定义项目符号)
- 利用CSS背景定位实现列表项目符号图像的精确定位(ul,li,自定义项目符号)
- CSS(六) 设置背景颜色和背景图像
- css基础-盒子(div)模型、属性、边框线的设置、padding、margin、网站的设置思想(float),图片代替列表符号
- CSS设置列表的符号
- CSS学习03-字体、文本、背景和列表设置
- HTML 无序列表项目符号使用图片的CSS写法
- 通过设置背景图像来添加logo、icon和小符号
- CSS设置html网页背景图片 CSS设置网页背景颜色
- css中ul li的背景小图标属性设置的两种情况
- CSS学习(13)--列表项目属性
- [iOS微博项目 - 4.2] - 设置转发微博背景
- css学习-背景图像效果
- Emgu Mat方法和Image方法设置一张背景图像
- CSS设置背景——颜色背景
- 用图片做div背景的列表布局 CSS代码
- CSS设置背景——图片背景
- css背景图像
- CSS 背景与列表
- 如何使用CSS设置<input>标签的背景小图标 简单