網頁設計中使用背景圖片來增加頁面美觀程度是一種很常見的操作，但是有時候背景圖片的分辨率不夠大，只能使用多張小圖片進行拼接，這時候就需要使用CSS來拼合背景圖片。

以下是如何使用CSS來拼接背景圖片的步驟：

/*設置背景圖片*/
body {
background: url(images/bg1.jpg) no-repeat;
}
/*設置相對定位*/
.bg {
position: relative;
}
/*拼接圖片*/
.bg:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 800px;
height: 400px;
background: url(images/bg2.jpg) no-repeat;
z-index: -1;
}

上述代碼中，首先在body標簽中設置了背景圖片，然后在需要拼接圖片的元素中添加相對定位（可以是body標簽）。使用:before和:after偽元素來拼接背景圖片，其中:before偽元素是在元素之前添加內容，而:after偽元素則是在元素之后添加內容。在這里我們使用:after來添加背景圖片。

在拼接圖片的樣式中，我們需要使用position: absolute屬性來絕對定位，以便保證背景圖片的位置是正確的。然后設置背景圖片的大小和位置，最后使用z-index屬性來保證背景圖片在元素之后顯示。

以上就是使用CSS來拼接背景圖片的流程，可以根據需要進行修改和調整，實現更加自然和完美的拼接效果。