CSS 中的背景圖和背景顏色是網(wǎng)頁(yè)設(shè)計(jì)中常用的兩種樣式屬性。背景圖可以用來(lái)制作獨(dú)特的視覺(jué)效果，背景顏色可以用來(lái)強(qiáng)化文本內(nèi)容和頁(yè)面布局。本文將討論如何設(shè)置 CSS 背景圖和背景顏色。

背景顏色是最基本的屬性之一，可以通過(guò)設(shè)置背景顏色來(lái)改變 HTML 元素的背景色。CSS 中使用“background-color”屬性來(lái)設(shè)置元素的背景顏色。例如，以下代碼將頁(yè)面背景顏色設(shè)置為白色：

body {
background-color: #FFFFFF;
}

在這里，“#FFFFFF”是十六進(jìn)制顏色代碼，代表白色。可以使用這種方法來(lái)設(shè)置任何顏色。

接下來(lái)，我們來(lái)看看如何設(shè)置 CSS 背景圖。與背景顏色不同，背景圖可以使用圖片作為背景。CSS 中使用“background-image”屬性來(lái)設(shè)置元素的背景圖。例如，以下代碼將頁(yè)面的背景圖片設(shè)置為“bg.png”：

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

在這里，“bg.png”是圖片文件的路徑和文件名。注意要將文件路徑設(shè)置為正確的位置，才能將背景圖片顯示在網(wǎng)頁(yè)中。

背景圖和背景顏色可以同時(shí)設(shè)置。例如，以下代碼將頁(yè)面的背景顏色設(shè)置為灰色，“bg.png”作為背景圖片：

body {
background-color: #CCCCCC;
background-image: url('bg.png');
}

這樣，頁(yè)面將具有灰色的背景顏色和背景圖片，可以制作出更加獨(dú)特的網(wǎng)頁(yè)樣式。