CSS是前端開發中不可或缺的一部分，其中背景顏色和背景圖片也是其中非常重要的元素。在設計網站或應用程序時，背景顏色和背景圖片是決定頁面視覺效果的重要因素之一。以下是關于CSS背景顏色和背景圖片的一些基本知識點。

CSS背景顏色

/* 設置背景顏色為紅色 */
body {
background-color: red;
}

通過CSS可以輕松設置頁面元素的背景顏色，如div、p、ul、li、h1等。上述代碼將頁面背景顏色設置為紅色，可以將其替換為其他顏色值（如hex或rgb）。

CSS背景圖片

/* 將圖片作為背景 */
body {
background-image: url("hello-world.jpg");
}

背景圖片可以幫助頁面內容更有效地傳達特定的感覺或信息。可以通過CSS輕松設置元素的背景圖片。上述代碼是將“hello-world.jpg”文件設置為頁面背景圖片。同樣可以用其他圖片文件替換它。

當設置背景圖片時，還可以添加其他屬性來更好地控制頁面視覺效果：

/* 將圖片位置設置在頁面中心 */
body {
background-image: url("hello-world.jpg");
background-position: center;
}

使用上述代碼將背景圖片的位置設置在頁面中央。CSS還提供了其他屬性來設置背景圖片的大小、平鋪方式和對齊方式等。

總之，CSS背景顏色和背景圖片是設計和開發頁面非常重要的元素。了解基本知識，并靈活運用相關屬性，可以在頁面設計中取得更好的效果。