在網頁設計中，我們常常需要將不同大小的圖片進行重疊顯示，以達到更好的效果。而CSS正是用來控制頁面樣式的一種技術，可以大大方便實現這一目的。 首先，我們需要了解CSS中關于圖片大小調整的屬性。其中，最常用的有兩個：width和height。分別用于控制圖片寬度和高度的大小。我們可以通過設置這兩個屬性，將圖片大小調整到我們所需要的大小。 接下來，我們需要實現圖片的重疊效果。這可以采用CSS中的z-index屬性來實現。z-index屬性用于控制頁面上元素的垂直堆疊順序。z-index值越大的元素，將始終出現在z-index值較小的元素上面。 下面是一個實現圖片重疊效果的CSS樣式示例：

img {
position: absolute;
top: 0;
left: 0;
}
img:first-child {
width: 50%;
height: auto;
z-index: 1;
}
img:last-child {
width: 100%;
height: auto;
z-index: 2;
}

在這個例子中，我們使用了position屬性將圖片設置為絕對定位，top和left屬性將其定位到了頁面的左上角。同時，我們通過設置z-index屬性，將第一個圖片放在第二個圖片的下面。 最后，我們需要在HTML中使用這些樣式。假設我們將這些圖片的HTML代碼寫在了一個div標簽里，如下所示：

<div>
<img src="small.jpg">
<img src="large.jpg">
</div>

其中，第一個img標簽顯示了一個50%大小的小圖，第二個img標簽顯示了一個100%大小的大圖。通過CSS樣式，我們實現了這兩個圖片的重疊顯示效果。 總之，CSS是實現網頁設計效果的重要工具之一，掌握好CSS的基本屬性和使用方法，可以大大豐富網頁設計的風格和效果。