CSS是一種用來美化網頁的語言，在其中有許多的技巧可以讓網頁看起來更加的炫酷。本篇文章將介紹如何運用CSS讓照片重疊。

/* CSS代碼 */
.photo-wrapper{ /* 容器樣式 */
position: relative; /* 將容器設置為相對定位 */
}
.photo{ /* 照片樣式 */
position: absolute; /* 將照片設置為絕對定位 */
top: 0; /* 將照片的頂部與容器的頂部對齊 */
left: 0; /* 將照片的左邊與容器的左邊對齊 */
z-index: 1; /* 設置照片的層級為1，即在容器內居于顯示頂層 */
}
.photo-second{
position: absolute; /* 將照片設置為絕對定位 */
top: 10%; /* 將照片的頂部與容器的頂部離開一段距離 */
left: 10%; /* 將照片的左邊與容器的左邊離開一段距離 */
z-index: 2; /* 設置照片的層級為2，即在容器內居于顯示次頂層 */
}

以上CSS代碼中，我們首先定義了一個容器類，然后將其設置為相對定位。接著，在其中插入兩張照片，并將它們分別設置為絕對定位。這樣一來，我們就可以通過top和left屬性來控制照片在容器內的位置了。

接著，我們通過z-index屬性來設置這兩張照片的層級。這樣一來，我們就可以讓一些照片在另一些照片的上層顯示，從而達到重疊的效果。

以上就是利用CSS實現照片重疊的方法了。運用這樣的技巧，我們可以讓網頁看起來更加的美觀，讓我們的作品在眾多網頁中脫穎而出。