CSS是網頁設計中不可或缺的一部分，它可以為網頁添加豐富的樣式和功能，讓網頁看起來更加美觀、動態和互動。其中，設置兩個圖片重疊是CSS的一種常見應用，下面我們就來學習一下如何實現這一效果。

/* 首先，我們需要先定義兩張圖片 */
img {
position: absolute;  /* 將圖片的定位方式設為絕對定位 */
}
/* 然后，我們將第二張圖片的z-index設為較大的值 */
img:nth-child(2) {
z-index: 2;
}

代碼中，我們先將圖片的定位方式設為絕對定位，這樣可以使圖片脫離正常的文檔流，并且可以使用top、left等屬性來調整它們的位置。接著，我們使用nth-child偽類選擇器，將第二張圖片的z-index設為較大的值，這樣第二張圖片就會覆蓋在第一張圖片的上方。

<div>
<img src="image1.jpg" alt="image1">
<img src="image2.jpg" alt="image2">
</div>

最后，我們將兩張圖片包含在一個div元素中，這個div元素的position屬性可以設置為relative或者absolute，以充分利用圖片絕對定位的特性。在這個div元素內部，兩張圖片將重疊在一起，形成我們想要的效果。