CSS中拼圖是一種非常有趣和有用的技巧，它允許開發者將多個圖像合并成一個圖像，然后通過CSS樣式來呈現這些組合圖像中的不同部分。這個過程需要使用到CSS3的一些新特性，來讓我們來看看具體如何實現這一技術吧！

.pic {
background-image: url('images/spirits.jpg'); /* 原圖 */
background-repeat: no-repeat;
width: 200px;
height: 200px;
}
.pic-part-one {
background-position: 0px 0px; /* 調整背景位置 */
background-size: 400px 400px; /* 指定背景圖片大小 */
}
.pic-part-two {
background-position: -200px 0px; /* 調整背景位置 */
background-size: 400px 400px; /* 指定背景圖片大小 */
}

以上代碼中，我們首先給一個名為“pic”的HTML元素添加了一個包含多張圖片的背景。我們僅僅只是在這個圖像上定義不同的區域，以便我們能夠在不同的HTML元素中呈現相應的圖像。

為了實現這個過程，我們使用了background-size屬性，它允許我們指定背景圖片的大小。然后我們通過background-position屬性來調整每個區域在圖像中的位置，具體來說，我們為第一個部分指定了0px，0px作為其背景位置，然后為第二個部分指定了-200px，0px的背景位置。

最后，我們在HTML中定義了兩個元素，每個元素都被設置為具有不同的背景位置。因此，當這些元素在瀏覽器中渲染時，它們將呈現來自“pic”元素的不同組合圖像。