CSS可以通過不同的方式來設置頁面的背景，包括設置背景顏色、圖片以及漸變效果等。下面將分別介紹這些方式。

1. 設置背景顏色

/* 在CSS中使用background-color屬性設置背景顏色 */
body {
background-color: #F5F5F5;
}

其中，body表示頁面中的主體內容區域，#F5F5F5表示顏色值。

2. 設置背景圖片

/* 使用background-image屬性設置背景圖片 */
body {
background-image: url("background.jpg");
background-repeat: no-repeat;
background-size: cover;
}

其中，background-image屬性指定背景圖片的路徑；background-repeat屬性控制背景圖片是否平鋪；background-size屬性控制背景圖片的尺寸，cover表示將圖片縮放到完全覆蓋背景區域。

3. 設置漸變背景效果

/* 使用linear-gradient()函數創建漸變背景 */
body {
background: linear-gradient(to bottom right, #FFC107, #2196F3);
}

其中，linear-gradient()函數用于創建線性漸變背景，to bottom right表示從上到下、從左到右的漸變方向，#FFC107和#2196F3表示漸變起始顏色和結束顏色。

通過以上三種方式，可以輕松地設置頁面的背景，從而營造出不同的視覺效果。