如何为li元素设置背景图像?
<div id="frame" class="frame bag_item">
<ul class="slidee">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
Jsfiddle:http://jsfiddle.net/womyhrd8/
答案 0 :(得分:1)
这可以像使用background
(或background-image
)的任何其他元素一样使用CSS来完成:
.frame .slidee li {
background: url("http://www.placecage.com/300/50") no-repeat; //add image
float: left;
margin: 0 5px 0 0;
padding: 0;
width: 300px;
height: 50px; //changed just for my example
border: solid black 1px;
}