HTML背景不重复

如何在html中匹配背景图像而不重复覆盖整个页面？是否有HTML代码，或者我必须使用CSS代码？

解决问题的最佳方法是在CSS或元素的

样式
标记中添加
背景重复：无重复
或
背景大小：封面

例如：

html { 
   background: url(images/bg.jpg) no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

如果坚持只使用HTML，则必须根据图像调整元素的大小，或者相反。您的问题涉及页面的背景图像，因此对于我的openion CSS或
样式
是实现这一点的唯一方法。
您的问题的最佳解决方案是在CSS或元素的
样式
标记中添加
背景重复：无重复
或
背景大小：封面

例如：

html { 
   background: url(images/bg.jpg) no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

如果坚持只使用HTML，则必须根据图像调整元素的大小，或者相反。您的问题涉及页面的背景图像，因此对于我的openion，CSS或
样式是实现这一点的唯一方法。
有两个CSS属性可用于控制背景图像的大小和重复：


背景重复
背景尺寸

为了设置为覆盖目标元素的背景图像，可以使用“无重复”和“覆盖”值，如下所示：

targetelement {
  background-image:url('example.jpg');
  background-repeat:no-repeat;
  background-size:contain;
}

如果您想了解有关这些CSS属性及其可能值的更多信息，请查看以下两页：




有两个CSS属性可用于控制背景图像的大小和重复：


背景重复
背景尺寸

为了设置为覆盖目标元素的背景图像，可以使用“无重复”和“覆盖”值，如下所示：

targetelement {
  background-image:url('example.jpg');
  background-repeat:no-repeat;
  background-size:contain;
}

如果您想了解有关这些CSS属性及其可能值的更多信息，请查看以下两页：




背景重复：不重复
在您的CSS示例谷歌搜索中显示许多答案。
背景重复：不重复
在您的CSS示例谷歌搜索中显示许多答案。