CSS怎么讓背景圖拉伸？ 很多時候，我們想要在網(wǎng)頁中添加一張背景圖，但是圖片尺寸不合適，導致圖片不能完全充滿整個背景。這時候，就需要用到CSS讓背景圖拉伸了。 一、background-size屬性 我們可以使用CSS屬性background-size來改變背景圖片的大小。默認情況下，background-size的值是“auto auto”，即保持背景圖的原始大小。 如果我們希望背景圖片可以拉伸到與容器尺寸相匹配，可以將background-size的值設(shè)為“100% 100%”，即調(diào)整圖片的水平和垂直尺寸，使其覆蓋整個容器。 例如：

.container {
background-image: url("背景圖路徑");
background-size: 100% 100%;
}

二、background-repeat屬性 通過改變background-repeat的值，我們也可以讓背景圖可以拉伸。background-repeat的默認值是“repeat”，即平鋪背景圖，使整個背景區(qū)域都完全填充。 如果我們將background-repeat的值設(shè)為“no-repeat”，則背景圖只會出現(xiàn)一次，不會重復平鋪。 例如：

.container {
background-image: url("背景圖路徑");
background-size: 100% 100%;
background-repeat: no-repeat;
}

三、background-position屬性 我們還可以通過改變background-position的值來調(diào)整背景圖的位置。默認情況下，背景圖的位置是左上角。 如果我們將background-position的值設(shè)為“center”，則背景圖將居中。 例如：

.container {
background-image: url("背景圖路徑");
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}

以上就是CSS如何讓背景圖拉伸的方法。通過設(shè)置background-size、background-repeat和background-position等屬性以適應(yīng)不同的情況，我們可以輕松地實現(xiàn)背景圖修飾效果。