在網頁設計中，有時候需要使用兩張圖片拼接成一張更長的圖片，這時候可以使用CSS解決這個問題。下面我們來詳細介紹CSS如何拼接兩張圖片。

/* 首先定義一個div來顯示兩張圖片 */
/* 然后通過CSS來將兩張圖片拼接成一張 */
.img-wrapper {
display: flex;
flex-direction: row;
/* 設置圖片1寬度為50%，圖片2寬度為50% */
img:first-child {
width: 50%;
}
img:last-child {
width: 50%;
}
}
/* 如果需要將圖片間隔調整為0，可以加上以下代碼 */
.img-wrapper img {
padding: 0;
margin: 0;
}

以上代碼中，我們首先定義了一個div來承載兩張圖片，然后通過CSS來將兩張圖片拼接成一張。通過設置圖片的寬度為50%，讓其分別占據div的一半，從而實現拼接效果。如果需要將圖片間隔調整為0，可以添加padding和margin樣式來完成。

總之，通過這種方法，我們可以輕松地將兩張圖片拼接成一張，不僅可以美化設計，還能減少頁面請求，提高頁面性能。