为li元素设置背景图像

Question

如何为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/

Answer 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;
}

FIDDLE