css 上载照片为一个html项目

xmakbtuz  于 2023-02-17  发布在  其他
关注(0)|答案(1)|浏览(98)

我想用HTML和CSS编写一个简单的网站。我是用笔记本电脑做的。
当我在#header元素中添加一张背景照片时,它不起作用。我试着用在线编辑器替换它的名字。
我找不到错误。
我有一个文件夹与style.cssindex.html和一个文件夹的照片在我的网站上。

* {
  margin: 0;
  padding: 0;
}

#header {
  height: 100vW;
  background-image: url(images/Al-Hakawati.jpg);
  background-position: center;
  background-size: cover;
}
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Chehel Behesht</title>
  <link rel="stylesheet" href="style.css">

</head>

<body>

  <section id="header">
  </section>

</body>

</html>
flvlnr44

flvlnr441#

问题出在css文件格式上。如果查看显示的图像,您的css文件格式是TextDocument。理想情况下,css文件格式应该是CSS-Document
这证实了你得到的错误:

Failed to load resource: net::ERR_FILE_NOT_FOUND style.css:1

要修复这个错误,在记事本中打开style.css样式表。接下来,选择**文件-保存为...**最后,指定文件扩展名.css。如picture

相关问题