很多時候，我們想要給網頁背景添加一些特殊的效果，比如拉伸。CSS提供了一些屬性，可以輕松地實現這個效果。

首先，我們需要設置背景圖像。可以使用background-image屬性定義，然后設置height和width屬性，以確定圖像的大小。

body {
background-image: url("bg.jpg");
height: 100%;
width: 100%;
}

接下來，我們可以使用background-size屬性來設置背景圖片的大小。使用cover值可以讓圖像充滿整個屏幕，并且等比例縮放，直到寬度和高度都大于或等于容器的尺寸。

body {
background-image: url("bg.jpg");
background-size: cover;
}

如果你想保持圖像的寬高比例，則可以使用contain值。這種方法會縮放圖像，以適應容器的大小，同時保持圖像的原始寬高比例。

body {
background-image: url("bg.jpg");
background-size: contain;
}

還可以使用background-repeat屬性來定義如何重復圖像，而不會影響圖像的拉伸效果。有三個值可供選擇：no-repeat，repeat-x 和 repeat-y。

同時使用background-position屬性可以指定背景圖像的位置。比如，top left將使圖像放置于容器的左上角。

body {
background-image: url("bg.jpg");
background-size: contain;
background-position: top left;
}

本文介紹了如何使用CSS拉伸背景。通過簡單地設置一些屬性，我們可以讓網頁背景看起來更加有趣和獨特。