CSS可以用來控制HTML中圖片的顯示效果，其中一個常見的問題是圖片平鋪，即圖片按照原始大小在HTML頁面中重復顯示。因此，下面我們將介紹如何使用CSS去除圖片平鋪。

img {
display: block;
max-width: 100%;
height: auto;
}

這段CSS代碼的作用是將圖片設置為塊級元素，使其在HTML頁面中占據整行，然后將圖片的寬度設置為最大值，并根據比例自動計算圖片的高度，從而確保圖片不會平鋪。

此外，也可以使用CSS背景屬性來避免圖片平鋪。

div {
background-image: url('example.jpg');
background-repeat: no-repeat;
background-size: cover;
}

這段CSS代碼將背景圖片設置為'example.jpg'，并將重復屬性設置為no-repeat，從而確保背景圖片不會平鋪。此外，background-size屬性的cover選項可以將背景圖片自適應擴展到整個HTML元素，確保沒有空白區域。

總之，CSS提供了多種方法來避免圖片平鋪，我們可以根據需要選擇最適合的方法來優化圖片顯示效果。