css的背景图像设置设置列表的项目符号

用css的背景图像设置设置列表的项目符号，而不是默认的那种，用：background：url（images/image.jpg）

就像这样：

HTML

<div id="navcontainer">

<ul id="navlist">

<li id="active"><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" id="current">Item one</a></li>

<li><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >Item two</a></li>

<li><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >Item three</a></li>

<li><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >Item four</a></li>

<li><a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >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;

}