在網頁設計中，為了讓頁面更加生動、豐富，我們通常會使用到圖片。而給網頁設置背景圖片也是一種常見的方式。下面是如何在CSS背景上加圖片的方法。 首先，我們需要添加一個背景樣式。使用CSS的background屬性來定義背景顏色、圖片等要素。如下： ```html

這是一個段落，有一個灰色的背景。

``` 這個段落的背景顏色是灰色，現在我們需要替換成一張背景圖片。 ```html

p {
background-image: url('img/背景圖片地址.jpg');
background-repeat: no-repeat;
}

``` 代碼中，我們使用了CSS中的“background-image”屬性來定義背景圖片的路徑。我們還使用了“background-repeat”屬性來設置是否重復圖片。 如果不想讓圖片重復出現在整個背景上，可以使用“background-size”屬性來控制圖片的大小： ```html

p {
background-image: url('img/背景圖片地址.jpg');
background-repeat: no-repeat;
background-size: cover;
}

``` 其中“cover”表示圖片會被拉伸和縮放，來適應整個背景。 我們還可以更改圖片在背景中的位置 ```html

p {
background-image: url('img/背景圖片地址.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

``` 其中“center”表示圖片放在背景中心。 以上就是如何在CSS背景上加圖片的方法。使用background屬性，我們可以輕松設置網頁的背景圖片，達到更好的視覺效果。