时间戳

首页 > 解决方案 > 为 html 项目上传照片

html - 为 html 项目上传照片

问题描述

在此处输入图像描述在此处输入图像描述在此处输入图像描述我想用 HTML 和 CSS 编写一个简单的网站。我在我的电脑上用记事本做的。

当我向#header"元素添加背景照片时，它不起作用。我试图替换名称并从在线编辑器中使用。

我找不到我的错误。

我在我的网站上有一个文件夹style.css和index.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>

[在此处输入图像描述在此处输入图像描述] 3

标签： htmlcss

解决方案

你的问题是css文件格式。如果您查看显示的图像，您的 css 文件格式是TextDocument。理想情况下，css 文件格式应该是CSS-Document。

这证实了你得到的错误：

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

要修复此错误，请style.css在记事本中打开样式表。接下来，选择File - Save As...最后，指定文件扩展名.css。喜欢这张照片。

推荐阅读