我正在使用HTML和CSS创建网站,并且尝试包含和图像,但是图像不会出现。这是我所做的:
HTML部分:
<nav>
<ul>
<div class = "top-links">
<li><a href="index.html">Home page</a></li>
<li><a href="about us.html">About us</a></li>
<li><a href="our songs.html">Our songs</a></li>
<li><a href="see us play.html">See us play</a></li>
<li><a href="Contact us.html">Contact us</a></li>
<li><a href="merchandise.html">Merchandise</a></li>
<li><a href="playing a concert.html">Playing a concert</a></li>
</div>
</ul>
</nav>
和CSS部分:
.top-links {
border-style: hidden;
font-weight: 300;
text-align: center;
line-height: 1.5em;
background-image: url("images/cricket bat and ball.jpg");
}
最佳答案
可能是因为CSS中的图片网址中包含空格。尝试将图像重命名为没有空格的内容。
关于html - 在CSS中制作背景图片无法正常工作,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44289350/