我想在列表项的右侧添加一个背景图像,并想从右侧添加一些填充,但我无法做到这一点.请看下面的例子:
HTML:
<ul>
<li>Hello</li>
<li>Hello world</li>
</ul>
CSS:
ul{
width:100px;
}
ul li{
border:1px solid orange;
background: url("arrow1.gif") no-repeat center right;
}
ul li:hover{
background:yellow url("arrow1.gif") no-repeat center right;
}
我知道我们可以按像素设置图像位置,但是因 for each li的宽度不同,所以我不能这样做.
以下是JSFdle链接: http://jsfiddle.net/QeGAd/1/个