CSS是用來美化網頁的語言，并且可以實現豐富的樣式效果。其中，添加背景圖片是常用的一種效果之一。

要為頁面添加背景圖片，我們可以使用CSS的background-image屬性。該屬性用于設置元素的背景圖片，語法如下：

background-image: url('image.jpg');

其中，url()函數包含背景圖像的路徑。可以使用相對路徑或絕對路徑。例如：

background-image: url('../images/image.jpg');

如果要在一個元素中顯示平鋪的背景圖像，可以使用background-repeat屬性。該屬性用于控制圖像的平鋪方式。語法如下：

background-repeat: repeat;

該屬性有幾種可選值：

• repeat：默認值，背景圖像在水平和垂直方向上平鋪
• repeat-x：背景圖像在水平方向上平鋪
• repeat-y：背景圖像在垂直方向上平鋪
• no-repeat：背景圖像不平鋪，只顯示一次

除了平鋪方式之外，我們還可以控制背景圖像的位置。使用background-position屬性可以設置背景圖像在元素中的位置。該屬性有兩個參數：橫坐標和縱坐標。例如：

background-position: center center;

這個例子將背景圖像的中心定位于元素的中心。

綜上所述，CSS的background-image屬性可以幫助我們在網頁中添加背景圖片，并可以通過平鋪方式和位置控制，達到豐富的樣式效果。