Question

我的代码是：

<div id="menubar">
    <ul>
        <li id="f">Home</li>
        <li>About Us</li>
        <li>Our Companies</li>
        <li>Our Projects</li>
        <li>Photo Gallery</li>
        <li>Latest News</li>
        <li>Contact Us</li>             

    </ul>

CSS：

#menubar ul li#f {
    background-color:#D63030;
    margin-left:70px !important;
    background-image:abc.jpg
}

Answer 1

您的CSS需要进行一些小调整：

#menubar ul li#f {
    background-color:#D63030;
    margin-left:70px !important;
    background-image: url(abc.jpg)
}

background-image可以使用3种不同的值之一：

background-image: none;
background-image: url(<filepath>);
background-image: inherit

第一个说元素没有背景图像。第二个告诉浏览器使用什么URL来查找背景图像。第三个将继承元素父级的图像。

来源：MDN

</li> <li> s中，我可以将背景图像用于任何特定的<li>吗？

1 个答案: