我正在尝试导入一张图片,我想将其用作当前正在构建的网站的页眉。我想将 .png 图像导入 CSS 文件。我已经做了广泛的研究,试图找出我目前遇到的问题。文件路径是正确的一切都拼写正确(字面四重检查,也许更多),我仍然有问题。我试着把“..”放在路径前面,但没有用。该图片将用作网站顶部的横幅。这是我所有的代码。有点刚开始这个网站,所以没有很多。
HTML:
<!DOCTYPE HTML>
<html>
<head>
<title>Bludmon88-NAVBAR</title>
<link rel = "stylesheet" type = "text/css" href = "Styles.css">
<ul class = "navigation">
<li><a href = "index.html">Home</a>
<li><a href = "index.html">Home</a>
<li><a href = "index.html">Home</a>
<li><a href = "index.html">Home</a>
</ul>
</div>
<div class = "banner">
<div class = "title">
</div>
</div>
</head>
<body>
</body>
</html>
CSS:
.navigation a, li{
list-style:none;
display:inline-block;
float:left;
padding:3px 50px 1px 0px;
text-decoration:none;
font-size:20px;
}
.banner {
background-image: url('/F:/Bludmon88/Pics/Banner.png');
}
P.S 对 HTML 和 CSS 不是很了解,但掌握了基础知识,如果您使用其他语言,我将不知道您在说什么,所以...是的。谢谢!
最佳答案
您应该在主文件夹中创建一个“图像”文件夹,并将横幅图像保存在其中。然后设置后台 url 以在您的本地站点和服务器中正常工作:
.banner {
background-image: url('images/Banner.png');
}
关于html - 将文件导入 CSS 文档不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35809701/