最近我學習了一種神奇的CSS技巧，可以把兩張圖片合并成一張，今天就和大家分享一下。

首先，我們需要準備兩張要合并的圖片，比如說這兩張：

.pic1 {
background-image: url("pic1.jpg");
width: 200px;
height: 200px;
position: relative;
}
.pic2 {
background-image: url("pic2.jpg");
width: 200px;
height: 200px;
position: absolute;
top: 50px;
left: 50px;
}

這兩個類分別給定了兩張圖片的樣式，接下來我們要把它們合并起來。我們可以把第二張圖片的位置相對于第一張圖片進行定位，然后改變第一張圖片的高度，使第二張圖片可以顯示。

.pic1 {
background-image: url("pic1.jpg");
width: 200px;
height: 400px;  /* 改變高度 */
position: relative;
}
.pic2 {
background-image: url("pic2.jpg");
width: 200px;
height: 200px;
position: absolute;
top: 100px;  /* 修改位置 */
left: 0;
}

這樣，我們就成功地把兩張圖片合并成了一張圖片，效果如下：

這種技巧在一些需要拼接圖片的場景下非常實用，而且還可以靈活調整兩張圖片之間的合并位置和高度。

上面是我分享的CSS技巧，歡迎大家嘗試使用，希望對大家有所幫助。