CSS中常常用到填充圖片的功能，但是默認情況下圖片會平鋪，這樣很不美觀。那么如何才能讓圖片不平鋪呢？接下來，本文將介紹CSS中填充圖片不平鋪的實現(xiàn)方法。

實現(xiàn)這個功能的主要是使用CSS中的background-size屬性，我們可以通過設(shè)置這個屬性的值來讓圖片居中，而不是平鋪。

background-size: cover;  /* 等比例縮放圖片鋪滿容器，圖片可能被裁切 */
background-size: contain;  /* 等比例縮放圖片使圖片完整的呈現(xiàn)在容器中 */
background-size: auto 100%;  /* 把圖片的寬度設(shè)置為自適應(yīng)，高度占滿容器 */
background-size: 100% auto;  /* 把圖片的高度設(shè)置為自適應(yīng)，寬度占滿容器 */
background-size: 50% 50%;  /* 把圖片放在容器中央，盡可能顯示完整圖片 */
background-size: auto;  /* 把圖片的原始大小顯示在容器中 */

通過使用上述代碼，便可以實現(xiàn)CSS中填充圖片不平鋪的效果了。