今天我們來學習一下如何使用 CSS 復合背景來為網頁添加圖片背景。 首先，我們需要在 HTML 中添加一個元素，例如 div 或者 section，并為其添加一個類，例如 "background-image"。這將幫助我們在 CSS 中輕松地選擇這個元素。 ```html``` 接下來，我們需要在 CSS 中為這個類定義背景圖片。使用復合背景屬性 background 后面跟上一個 url() 函數來指定圖片路徑即可。 ```css .background-image { background: url("images/background.png") center/cover no-repeat fixed; } ``` 在這個例子中，我們使用了四個值來定義背景。第一個值指定了背景圖片的路徑，第二個值則指定圖片在元素中水平、垂直方向上的對齊方式，這里我們選擇居中對齊。第三個值則指定了圖片的尺寸，這里我們使用 cover 來保證圖片完全覆蓋元素。最后一個值則指定了背景的重復方式，這里我們選擇不重復，并將其固定在頁面上。 當然，我們還可以同時添加多個背景圖片，或者使用不同的背景色或漸變色來與圖片進行組合。以下是一個例子： ```css .background-image { background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9)), url("images/background.png") center/cover no-repeat fixed; } ``` 在這個例子中，我們使用了線性漸變來創建了一個白色到透明的漸變層，然后將圖片放置在了這個層上方。這樣做可以讓文字等內容更加突出，同時不會完全遮蔽背景圖片。 結束語：使用 CSS 復合背景可以幫助我們輕松地為網頁添加漂亮的圖片背景，同時也可以與其他樣式屬性進行組合，創造更加豐富的視覺效果。希望這篇文章能夠幫助大家更好地理解和使用該屬性。