CSS3中的背景拉伸是一種方便而靈活的特性。它可以允許我們使用CSS來(lái)為元素的背景設(shè)置圖片，并通過(guò)屬性值將其縮放或拉伸到我們想要的大小。

.example-bg {
background-image: url('example.jpg');
background-size: cover;
}

在上面的CSS代碼中，我們將一個(gè)名為example.jpg的圖像設(shè)置為背景，并將背景大小設(shè)置為cover。這將使圖像按比例縮放以適應(yīng)元素的區(qū)域，并鋪滿(mǎn)整個(gè)背景。

除了cover外，我們還可以使用其他一些背景大小選項(xiàng)，例如:

• contain：使圖像按比例縮放以適應(yīng)元素區(qū)域的最大尺寸。
• 100% 100%：拉伸圖像以鋪滿(mǎn)元素的整個(gè)背景。
• auto：按實(shí)際圖像尺寸渲染背景。

我們還可以通過(guò)CSS3中的background-position屬性來(lái)控制圖像的位置，以便我們可以根據(jù)需要對(duì)背景進(jìn)行微調(diào)。

.example-bg {
background-image: url('example.jpg');
background-size: cover;
background-position: center;
}

以上代碼將圖像居中對(duì)齊，以使其在元素的背景中心位置顯示。

CSS3背景拉伸的靈活性使其成為一種非常實(shí)用的特性，可以幫助我們快速而輕松地設(shè)置背景圖像，并對(duì)其進(jìn)行必要的微調(diào)。