gpt4 book ai didi

css - html css 运行不正常

转载 作者:太空宇宙 更新时间:2023-11-04 07:34:18 25 4
gpt4 key购买 nike

我是否输入了错误的内容导致背景图像无法正常工作?所有文件夹和文件都在正确的位置以使其正常工作。

<!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
    • first_project.css
  • 图片
    • 图案.png
  • index.html

如果在你的 css 中是这种情况,你应该在你的 url 之前添加 ../ 以便浏览器可以知道图像的位置

body{
background-image:url("../img/pattern.png");
}

注意 CSS 中的相对 URL

关于css - html css 运行不正常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49099647/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com