CSS中，我們可以使用position屬性來定位圖片，并通過z-index屬性來設(shè)置圖片的疊加順序，下面是一個簡單的示例，展示如何使用CSS來定位并疊加圖片：

HTML結(jié)構(gòu)：

<div class="container">
    <img class="image1" src="image1.jpg" alt="Image 1">
    <img class="image2" src="image2.jpg" alt="Image 2">
    <img class="image3" src="image3.jpg" alt="Image 3">
</div>

CSS樣式：

.container {
    position: relative;
    width: 500px;
    height: 500px;
}
.image1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.image2 {
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 2;
}
.image3 {
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 1;
}

在這個示例中，我們首先將容器設(shè)置為相對定位，然后分別將三張圖片設(shè)置為***定位，通過top和left屬性，我們可以***地定位圖片的位置，而z-index屬性則用來設(shè)置圖片的疊加順序，數(shù)值越大，表示該圖片越在上層，這樣，我們就可以實現(xiàn)圖片的疊加效果了。