Question

您好我正在尝试使用index.html中的css文件将图像设置为背景，但是我使用css声明即使您将它放在html上也不会显示图像，请你帮我看看它，谢谢你

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <title>Solution</title>
    <style>
       body{
        background: url("img/notarde.png")
      }
    </style>

  </head>
  <body>
    HI
  </body>
</html>

CssFile
body{
  background: url("img/notarde.png")
}

Answer 1

如果您的样式位于<style></style>，则不需要在CSS文件中添加相同的内容来执行此操作。

但是，如果您想使用外部CSS文件，可以在<head></head>之间添加此行：

<link rel="stylesheet" type="text/css" href="THE_PATH_OF_YOUR_FILE">

您的代码有效，它必须是出错图像的路径。

See it here

Answer 2

您需要在index.html文件中包含样式表。

<link rel="stylesheet" type="text/css" href="[your css file path]">

我希望有帮助：D

Answer 3

您是否在HTML页面中引用了CSS文件？

<link rel="stylesheet" type="text/css" href="mystyle.css">

在 href 中指定CSS文件名称和路径，例如href="CSS/filename.css"

＆＃13;

<!DOCTYPE html>
<html lang="en-US">

<head>
  <meta charset="utf-8">
  <title>Solution</title>
  <link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

<body>
  HI
</body>

</html>

＆＃13;

背景没有设置

3 个答案: