CSS背景图拼接是指通过CSS样式将多张图片拼接成为一张完整的背景图。以往，Web开发者需要将多张图片处理为一张完整的图片再应用到网页中，而现在可以通过CSS样式轻松实现，这种方法对于需要频繁更换背景图的网站来说，尤其具有优势。下面是CSS背景图拼接的代码示例。
.wrapper {
width: 1280px;
height: 720px;
background-image: url('bg1.jpg'), url('bg2.jpg'), url('bg3.jpg');
background-repeat: no-repeat;
background-position: left top, right top, center bottom;
}
上面代码中，我们使用了background-image属性来设置背景图片，同时使用了三个url()函数指定了三张图片的路径，它们将被拼接为一张完整的背景图。而background-repeat属性设置为no-repeat，意味着不会重复绘制这三张图片。background-position属性指定了三张图片在容器中的位置，left top、right top和center bottom分别指定了它们在容器的左上角、右上角和中央底部的位置。这样，三张图片就被自然地拼接在了一起。
需要注意的是，多张图片拼接的时候，不同的浏览器对于未加载的图片的处理有所不同，所以在实践中需要多加测试。此外，对于大尺寸的图片，为了兼容性和加载速度等方面的考虑，建议将其拆分成多张小图片进行拼接。这样可以确保在不同的设备上都能顺畅地显示你的背景图。
