CSS 是一種用于控制網頁呈現方式的樣式表語言，可以讓我們對網頁進行豐富多彩的布局和樣式設計。其中，圖片疊放是一項非常有趣的樣式效果，通過控制圖片層疊順序，可以實現很多精美的視覺效果。 在 CSS 中，使用 z-index 屬性來控制元素在層疊順序中的位置。其中，z-index 是一個正整數值，數值越大的元素會顯示在數值較小的元素之上。當 z-index 相同時，后添加到文檔中的元素會顯示在先添加的元素之上。 下面是一個簡單的示例，展示如何通過 z-index 屬性來控制圖片的層疊順序：

p {
position: relative;
}
img {
position: absolute;
}
img:first-child {
z-index: 1;
}
img:last-child {
z-index: 2;
}

在上面的示例中，首先對 p 元素設置了相對定位，然后對 img 元素設置了絕對定位。接著，通過:first-child 和:last-child 選擇器選中了文檔中的第一張和最后一張圖片，并分別設置了它們的 z-index 值，使得最后一張圖片覆蓋在第一張圖片上面。 除了通過選擇器來控制元素的層疊順序之外，還可以使用 JavaScript 代碼來動態改變 z-index 值，從而實現更加復雜的圖片疊放效果。 總之，在 CSS 中，通過控制層疊順序，可以實現豐富多彩、別具一格的圖片疊放效果。希望上面的示例能夠幫你快速入門！