如何使用CSS將圖片頂格顯示？

img {
display: block;
margin: 0;
padding: 0;
border: none;
width: 100%;
height: auto;
}

上述代碼中標簽選擇器可用于使圖片消除默認邊距和邊框，而且不添加任何額外的邊距或填充。接下來，設置圖片的寬度將其調整為所在容器的百分比寬度，這使得圖片能夠填充整個容器。使用“width: 100%”發揮這個效果。

雖然讓圖片百分比縮放以適應所在元素的寬度是一種可行的方式，但某些情況下我們只想要圖片縮放以適應元素的高度。為了達到這個效果，可以使用“height: auto”屬性，它可以自動縮放圖片的高度以與寬度成比例，并填充整個元素。

對于輪播圖或其他需要在多個屏幕尺寸中響應的元素，可以在媒體查詢中針對不同屏幕大小或方向來調整尺寸參數。

總之，將圖片的“display”屬性設置為“block”，再將其寬度和高度的百分比設置為100%，您就可以用CSS很好地控制圖片頂格顯示的效果。