在網頁設計中，經常需要將多張圖片合并為一張圖，以減少頁面請求次數，提高網頁性能。這時可以使用CSS的background-image屬性來實現圖片的合并。

首先，將多張圖片拼接成一張大圖，為了方便操作，可以使用Photoshop等圖像處理軟件。在將多張圖片合并時，需要確保它們的大小一致。

/* 示例代碼 */
.background {
background-image: url(images/sprites.png);
background-position: -10px -20px;
/* 10px為圖片向左移動的距離，20px為圖片向上移動的距離 */
/* 也可以使用background-position: x y來設置背景圖的位置 */
width: 50px;
height: 50px;
}

接下來，在網頁的CSS樣式文件中，定義一個class，設置background-image屬性為合并后的大圖，再給它指定一個background-position屬性，來指定需要顯示的子圖的位置。此時，需要算出每一張子圖在合并后大圖中的位置。

在HTML文件中，將需要顯示的圖片包裹在一個div元素中，使用上一步定義的class來設置背景圖及其位置。

/* 示例代碼 */
<div class="background"></div>

這樣就完成了使用CSS來設置圖片合并的操作。