Question

我尝试添加具有相同src的img标签，它可以工作，但我不知道为什么这不起作用...

**html code**
 <html>
 <head>

<title></title>
<link rel="stylesheet" type="text/css" href="1234.css">
 </head>
<body>
<h1>huy</h1>
</body>
</html>

CSS

 body {
     background-image: url("images/scenery.jpg");
  }

Answer 1

尝试使用以下内容摘录背景的使用方法

body {
  background-image: url(https://images.pexels.com/photos/531880/pexels-photo-531880.jpeg?auto=compress&cs=tinysrgb&h=350);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

<html>

<head>

  <title></title>
  <link rel="stylesheet" type="text/css" href="1234.css">
</head>

<body>
  <h1>huy</h1>
</body>

</html>

Answer 2

可能需要将html和body设置为“高度：100％”

尝试将这些代码添加到CSS中：

html, body { height: 100%; }

为什么我不能在CSS / HTML中添加简单的背景图像？

2 个答案: