Html 如何设置像这张图片一样的全宽背景？

如您所见，有一个具有4种不同颜色的背景图像。我不知道如何将其转换为HTML，以便覆盖整个页面（水平）。我有以下代码：

正文{
背景：url(http://uupload.ir/files/y7l4_bg.png)重复-x；
}
.上{
背景：url(http://uupload.ir/files/ur8m_cloud.png);
高度：600px；
}

这是上段

正文{
背景：url(http://uupload.ir/files/y7l4_bg.png)重复-x；
保证金：0；
填充：0；
}
.上{
背景：url(http://uupload.ir/files/ur8m_cloud.png);
高度：600px；
背景重复：无重复；
背景位置：中上；
背景尺寸：包含；
}

这是上段

很简单，车身不够高，无法显示所有图像，因为车身上唯一的部分是上半部分

body {
    background: url(http://uupload.ir/files/y7l4_bg.png) repeat-x;
    height: 2513px; /* image height*/
}

看到这个了吗

---

不管怎样，使用这样的大背景图像可能不是最佳方法，特别是当只需使用最小的HTML和CSS即可实现布局和呈现时。

对不起…我没有理解你…你真正想要的是什么？我需要一种正确的方法来设置此背景图像。你是在尝试重新创建你发布的图片还是仅尝试获取云图像？