CSS是Web開(kāi)發(fā)中重要的一部分，可以用來(lái)設(shè)計(jì)頁(yè)面的樣式，其中一個(gè)常見(jiàn)的需要就是將兩個(gè)圖片疊加在一起展示。下面我們來(lái)看一下如何使用CSS來(lái)實(shí)現(xiàn)這個(gè)效果。

.container{
position: relative;
}
.img1{
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.img2{
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

首先，在HTML中創(chuàng)建一個(gè)包裹兩個(gè)圖片的容器，并給容器設(shè)置相對(duì)定位。然后，分別給兩個(gè)圖片設(shè)置絕對(duì)定位，同時(shí)將第一張圖片的z-index值設(shè)置為1，第二張圖片的z-index值設(shè)置為2，這樣就可以把后面的圖片覆蓋在前面的圖片上面。

<div class="container">
<img src="img1.jpg" alt="img1" class="img1">
<img src="img2.jpg" alt="img2" class="img2">
</div>

接下來(lái)，在HTML中放置兩張需要疊加的圖片，并給它們添加對(duì)應(yīng)的類名。最后，需要注意的是，在圖片的鏈接中，需要將圖片的路徑替換成實(shí)際的圖片路徑。

通過(guò)上述步驟，我們就可以實(shí)現(xiàn)兩個(gè)圖片的疊加效果。當(dāng)然，還可以通過(guò)CSS的其他屬性來(lái)進(jìn)一步美化這個(gè)效果，比如透明度、邊框等等。