Html 正文背景图片

Question

在body标签中，我添加了一个background-image 。 但是图像重复了 4 次。 如何修复它以仅显示一次？

HTML代码：

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

CSS代码：

body{
    background-image : no-repeat;
}

Answer 1

它是background-repeat体

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

 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; }

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

Html 正文背景图片

问题描述

5 个解决方案

解决方案1
3 2015-11-19 05:54:29

解决方案2
2 2015-11-19 05:58:34

解决方案3
1 2015-11-19 05:54:13

解决方案4
0 2015-11-19 05:55:24

解决方案5
0 2015-11-19 06:33:05

Html 正文背景图片

问题描述

5 个解决方案

解决方案1 3 2015-11-19 05:54:29

解决方案2 2 2015-11-19 05:58:34

解决方案3 1 2015-11-19 05:54:13

解决方案4 0 2015-11-19 05:55:24

解决方案5 0 2015-11-19 06:33:05

解决方案1
3 2015-11-19 05:54:29

解决方案2
2 2015-11-19 05:58:34

解决方案3
1 2015-11-19 05:54:13

解决方案4
0 2015-11-19 05:55:24

解决方案5
0 2015-11-19 06:33:05