为li元素设置背景图像

时间:2015-01-03 21:38:22

标签: jquery html css

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

1 个答案:

答案 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;
}

FIDDLE