CSS是前端開發中非常重要的一部分，它可以控制網頁的樣式和布局，其中一項重要的功能就是設置頁面的背景和留白。

首先，我們可以使用background-color屬性來設置背景顏色。例如，要將背景顏色設置為白色，可以這樣寫：

body {
background-color: #ffffff;
}

另外，我們還可以使用background-image屬性來設置背景圖片。例如，要設置一張名為bg.jpg的圖片作為背景，可以這樣寫：

body {
background-image: url(bg.jpg);
}

在設置頁面背景的同時，我們還需要考慮留白的問題。留白可以增強頁面的可讀性和美觀性，讓頁面看起來更加清晰。我們可以使用padding屬性來設置元素的內邊距，從而增加留白的大小。例如，要在一個div元素周圍留出10像素的留白，可以這樣寫：

div {
padding: 10px;
}

如果需要同時設置四個方向的內邊距，可以使用padding-top、padding-right、padding-bottom和padding-left屬性來分別設置。例如，要將左側和右側的內邊距設置為5像素，可以這樣寫：

div {
padding-left: 5px;
padding-right: 5px;
}

在設置留白時，還需要考慮到元素之間的間距問題。我們可以使用margin屬性來設置元素的外邊距，從而增加元素之間的間距。例如，要將兩個div元素之間的距離增加到20像素，可以這樣寫：

div {
margin-bottom: 20px;
}

以上就是關于CSS頁面背景和留白的一些基礎知識，希望能夠幫助大家更好地掌握CSS的使用。