CSS是一種用于呈現網站頁面的樣式表語言。它在網頁設計中扮演著重要角色。今天我們將通過練習設置背景和列表來加深我們對CSS的理解。

/* 設置背景 */
body {
 background-color: #f5f5f5; /*設置整個頁面的背景顏色*/
 background-image: url('image.jpg'); /*設置整個頁面的背景圖片*/
}
#header {
 background-color: #333; /*設置頁眉的背景顏色*/
 color: #fff; /*設置頁眉的文本顏色為白色*/
}
#footer {
 background-color: #333; /*設置頁腳的背景顏色*/
 color: #fff; /*設置頁腳的文本顏色為白色*/
}
/* 設置列表 */
ul {
 list-style-type: none; /*去掉默認的圓點標記*/
 margin: 0; /*設置列表的外邊距為0*/
 padding: 0; /*設置列表的內邊距為0*/
}
li {
 margin: 0 0 10px 0; /*設置列表項的外邊距為0，下邊距為10px*/
}

上面的代碼演示了如何設置網站的背景。通過設置body元素的背景顏色和背景圖片，我們可以很容易地設置整個頁面的背景。而通過設置id為header和footer的元素的背景顏色和文本顏色，我們可以定制網站的頁眉和頁腳。

同時，我們也可以通過CSS輕松設置列表的樣式。在上面的代碼中，我們去掉了默認的圓點標記，并且設置了列表項的外邊距和下邊距，使得列表項之間有一定的間隔。

練習CSS的設置可以幫助我們更好地理解CSS的基本概念和語法，并為我們日后的網站設計提供更多的自由度和靈活性。希望大家在學習CSS的過程中能夠不斷地進行實踐和練習，讓我們的網站更加美觀和專業。