CSS（Cascading Style Sheets，層疊樣式表）是前端開發中不可或缺的技術。

今天，我們介紹一種有趣的 CSS 技巧：將兩張圖片疊在一起。

/* HTML 代碼 */
<div class="container">
<img src="image1.jpg" alt="Image 1">
<img src="image2.jpg" alt="Image 2">
</div>
/* CSS 代碼 */
.container {
position: relative;
}
.container img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}

上面的代碼中，我們首先在 HTML 中創建了一個包含兩張圖片的容器<div>，并在 CSS 中設置其position屬性為relative，這樣容器內的子元素就可以使用position: absolute來相對于容器進行定位了。

接下來，我們針對圖片設置了position: absolute，并使用top: 0和left: 0將它們定位到容器的左上角。我們還為圖片設置了width: 100%，這樣它們就可以填滿整個容器的寬度。最后，我們使用height: auto來保持圖片高度的比例不變。

這樣，就可以輕松地將兩張圖片疊在一起了。當然，你也可以繼續調整 CSS 屬性，使它們更加適合你的需求。