CSS允許我們為HTML元素設置各種背景效果，包括顏色、圖像和漸變等。本文將講解如何在CSS中使用本地圖片作為背景。 首先，我們需要準備一張本地圖片。我們可以把這張圖片放在網站目錄的某個文件夾中，比如放在名為“images”的文件夾里。 接下來，在CSS中使用background-image屬性來引用這張圖片。代碼如下：

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

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

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

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

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

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

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

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