CSS允許我們?yōu)镠TML元素設(shè)置各種背景效果，包括顏色、圖像和漸變等。本文將講解如何在CSS中使用本地圖片作為背景。 首先，我們需要準(zhǔn)備一張本地圖片。我們可以把這張圖片放在網(wǎng)站目錄的某個(gè)文件夾中，比如放在名為“images”的文件夾里。 接下來(lái)，在CSS中使用background-image屬性來(lái)引用這張圖片。代碼如下：

p {
background-image: url("images/background.jpg");
}

這段代碼告訴瀏覽器，在渲染p標(biāo)簽時(shí)，要將其背景設(shè)為“images/background.jpg”。 需要注意的是，這里需要指定圖片的相對(duì)路徑，即從CSS文件所在的位置開(kāi)始計(jì)算圖片文件的位置。如果CSS文件也在“images”文件夾下，那么我們可以這樣寫(xiě)：

p {
background-image: url("background.jpg");
}

這段代碼中，瀏覽器會(huì)自動(dòng)在CSS文件所在的文件夾中找到名為“background.jpg”的圖片文件。 如果我們想讓背景圖像平鋪整個(gè)元素區(qū)域，可以使用background-repeat屬性。代碼如下：

p {
background-image: url("background.jpg");
background-repeat: repeat;
}

這段代碼中，repeat值表示要水平和垂直平鋪背景圖像。 另外，我們還可以用background-position屬性來(lái)指定背景圖像的位置。代碼如下：

p {
background-image: url("background.jpg");
background-repeat: repeat;
background-position: center;
}

這段代碼中的center值表示將背景圖像放在元素的中央位置。 綜上所述，我們可以看到，使用CSS背景引用本地圖片非常簡(jiǎn)單，只需要使用background-image屬性即可。如果需要設(shè)置平鋪、位置等效果，可以使用background-repeat和background-position屬性。