Question

在body标记中，我添加了background-image。但图像重复4次。如何修复它才能只显示一次？

HTML code：

<body background="image.png"></body>

CSS代码：

body{
    background-image : no-repeat;
}

Answer 1

它的背景重复体

body{
background-repeat: no-repeat;
}

Answer 2

您可以使用style属性为body标签添加样式：

<body style="background-image:url('image.png');background-repeat: no-repeat;">

Answer 3

嗨现在习惯了

body{background:url('image.png') no-repeat};

或者

body{
background-image:url('image.png'); // for your body background
background-repeat: no-repeat;      // for your body  background repeat 
}

Answer 4

从正文中删除背景并应用如下所示的CSS。

body
{
  background-image:url('image.png');
  background-repeat:no-repeat;
}

Answer 5

＆＃13;

  html { 
      background: url(http://p1.pichost.me/i/64/1886374.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

＆＃13;

<html>
  <body>
   </body>
</html>

＆＃13;

Html身体背景图像

5 个答案: