也许CSS默认的列表效果并不能够满足我们对于列表中项目符号的要求，有时我们需要用小一点的圆点，或是其他更具代表性的图片箭头来作为项目符号，CSS在这方面提供了图片替换技术，可以选用符合页面风格的图片符号来替代默认效果，同样，XHTML代码不需要更改，只需要使用CSS为我们提供的list-style-image属性完成图片替代项目符号。
list-style-image属性需要我们提供的值只有一个，就是图片路径，我们准备了arrow.gif图片放置在同一目录下，预览一下实际效果。只需要一行代码，箭头图片就被放置在了列表前面。不过虽然使用list-style-image能够简单的达到目的，但是也失去了一些常用特性，例如，天津网站建设，天津网站制作，天津网站优化，天津网络公司，天津吊车出租，在ul的各项属性中，并不能够精确控制图片替换的项目符号距文字的位置。或者如果我们有非常奇怪的要求，比如把项目符号作为一个结束符放置在列表项目的右边，就无能为力了。
是不是不能做到这么奇怪的要求呢？当然不是，弋，制作列袭并不是只能通过list-style这样一组属性，前面探讨过的背景在这个时候也能派上用场。首先保证的是，ul标签和其他标签一样，支持CSS中的大部分公用属性，用于设置背景的background-color。等一组背景属性同样可以使用在ul标签中，因此完全可以使用背景来替代list-style的项目符号，而且背景控制中拥有对于背景的精确定位属性background-position，因此完全可以利用背景制作精确定位的项目符号。同样，重新编写CSS样式代码：首先使用list-style-type:none；取消了默认的圆点项目符号，然后对1i标签定义了一个不平铺的背景，并设置了在每个li中的位置，上边3px高度。对于li而言，为了防止li中文字压住了背景，我们将li元素的左内边距设置成了20px;使背景图片可以展示出来。预效果与直接使用list-style-image属性完全一致，只不过多写了几行代码，通过背景属性缩写，同样可以在一行中写下上面所有代码，基本与list-style-image一致。而且更主要的是，有背景的精确定位能力，我们完全可以实现列表中的项目符号出现在li中的任意位置的想法。缩减代码css.