HTML是網頁制作中的重要語言，它可以讓我們很方便地插入圖片等媒體資源。但是，有時候我們在插入圖片時會發現圖片被平鋪了。

默認情況下，HTML的圖片是會平鋪的，即圖像會在整個父元素中平鋪。如果想要解決這個問題，我們可以使用css的background-size屬性來調整圖片大小。

img {
background-size: cover; /*等比例放大圖片，盡可能填充背景*/
}

這里的cover值表示將圖片等比例放大，盡可能填充背景。

除了cover，還有一些其他的屬性值可供選擇：

• contain：等比例縮小圖片，盡可能保證完整顯示。
• auto：自動調整圖片大小，保持原圖比例。
• 100%：將圖片縮放至與父元素等寬，高度按比例縮放。
• 100% 100%：將圖片縮放至與父元素等大小。

img {
background-size: contain; /*等比例縮小圖片，盡可能保證完整顯示*/
}
img {
background-size: auto; /*自動調整圖片大小，保持原圖比例*/
}
img {
background-size: 100%; /*等寬縮放*/
}
img {
background-size: 100% 100%; /*等大小縮放*/
}

沒有被平鋪的圖片更適合頁面的美觀度。使用background-size屬性可以很好地調整圖片的顯示效果。以上就是HTML代碼實現圖片不平鋪的方法，希望對大家有所幫助！