CSS疊照片是一種常見的網頁美化技巧，可以通過將多張圖片疊放在一起來增強網頁的視覺效果。下面我們來介紹一下如何使用CSS實現疊照片效果。

首先，在HTML中需要添加多張圖片，可以通過img標簽來添加。

<img src="image1.jpg" alt="image1">
<img src="image2.jpg" alt="image2">
<img src="image3.jpg" alt="image3">

然后，在CSS中需要設置每張圖片的位置、大小和層疊順序。

img {
position: absolute;
}
img:nth-child(1) {
z-index: 3; /*最前面*/
top: 0;
left: 0;
width: 100%;
}
img:nth-child(2) {
z-index: 2;
top: 10px;
left: 10px;
}
img:nth-child(3) {
z-index: 1; /*最后面*/
top: 20px;
left: 20px;
}

在這個示例中，我們將第一張圖片放在最前面，覆蓋住其他圖片。第二張圖片稍微往下移動了一點，露出了第三張圖片的一部分。最后一張圖片放在最后面，露出了前兩張圖片的一部分。

這樣就完成了疊照片效果的實現。可以根據需求調整每張圖片的位置和大小，以獲得更好的視覺效果。