輪換圖平鋪是一種css技巧，它可以將一張或多張圖片平鋪在一個區域內，并通過切換顯示不同的圖片達到輪換的效果。這種技巧可以用來制作廣告輪播、產品展示等。

/* HTML */
<div class="tiles-container">
<div class="tile"><img src="image1.jpg"></div>
<div class="tile"><img src="image2.jpg"></div>
<div class="tile"><img src="image3.jpg"></div>
</div>
/* CSS */
.tiles-container {
display: flex;
flex-wrap: wrap;
width: 500px;
height: 300px;
overflow: hidden;
}
.tile {
width: 250px;
height: 150px;
transition: transform 0.5s ease-in-out;
}
.tile:hover {
transform: scale(1.1);
}
.tile img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

在上面的例子中，我們使用了flex布局，將三個div元素（即圖片容器）平鋪在了父元素 .tiles-container 內，并通過 overflow:hidden 把超出容器大小的部分隱藏起來。為了達到輪換的效果，我們還加了一個:hover偽類，使鼠標在圖片上移動時圖片放大，增強視覺效果。

另外，為了讓圖片完整地鋪滿容器，我們使用了object-fit和object-position屬性。對象適應屬性(object-fit)用于指定圖像如何適應容器，可選值有fill、contain、cover、none、scale-down；對象位置屬性(object-position)用于指定圖像在容器內的位置，可選值有top、left、bottom、right、center。

總之，輪換圖平鋪是一種簡單而實用的css技巧，可以用于各種展示需求。通過掌握強大的css，我們可以實現更加美觀、高效的web頁面。