我是否输错了背景图片不能正常工作?所有文件夹和文件都在正确的位置,以便它工作。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>First Project</title>
<link rel="stylesheet" href="css.folder/first_project.css">
</head>
<body>
<h1>marvelous day</h1>
</body>
</html>
h1 {
color: blue;
}
body {
background-image: url("img/pattern.png");
}
我想您的文件夹结构如下
如果您的css就是这种情况,您应该在您的网址前添加../,以便浏览器可以知道图片的位置
body{
background-image:url("../img/pattern.png");
}
注意你的CSS中的相对网址
您可以在开头添加斜杠,以便从根开始查看:
background-image: url("/img/pattern.png");