最佳方案思路：li{background:new图片}li a{background:小三角}
实现如下
ul li{ display:blockwidth:200pxbackground:url(NEW) no-repeat right}
ul li a{padding-left:20pxbackground:url(小三角) no-repeat left}
其实a标签中前面空出来的距离应该使用：文字缩进。但为了你理解用了padding。
其它的例如，你可以
小三角的图片设置为UL的左侧背景图，并垂直循环（重复）。new图片做LI的右侧背景图。
之类的。
不写了，喝多了，你自己玩儿吧。有什么不明白的百度消息找我
一个div的背景设置是不可以为两张图片的(除非是不同的状态,比如当前状态是一种背景,鼠标移上去又是一种背景,这两个背景可以是两张图片)可以把两个div套在一起,没个div给一个背景图片,效果也就是"一个div背景两张图片"了
两张背景图 你是说的什么意思呢？是要轮换的话 必须添加js事件响应 或者a:hover伪类
是想两张图拼成一个背景的话 不如直接把两张图弄成一个图片好了
鼠标覆盖后换背景代码 <div style="background:url(pic1.jpg)" onmouseover="this.style.backgroundImage="pic2.jpg">
可以更换响应的时间 onclick 点击事件 onfocus焦点事件之类
