在CSS中，我們可以使用顏色和背景圖來裝飾網頁，使其更加美觀。以下是對這兩個屬性的詳細介紹。

/*使用顏色*/
color: red;  /*設置文字顏色為紅色*/
background-color: #333;  /*設置背景顏色為深灰色*/
/*使用背景圖*/
background-image: url("xxx.jpg");  /*在背景中使用圖片*/
background-repeat: no-repeat;  /*圖片不重復*/
background-position: center;  /*將圖片置于背景的中心*/

顏色可以使用關鍵字（例如red）或者十六進制值（例如#333）來表示。我們還可以通過調節RGBA的值來設置顏色的透明度。

color: rgba(255, 0, 0, 0.5);  /*設置文字顏色為紅色且半透明（透明度為0.5）*/

另外，CSS中還有一些預置顏色（例如blue、green等），我們也可以直接使用。

/*使用預置顏色*/
background-color: blue;  /*設置背景顏色為藍色*/

背景圖可以是圖片，也可以是其他格式的文件，例如SVG。我們在代碼中指定圖片的URL，還可以調整圖片是否重復、置于何位置等屬性。

/*使用SVG作為背景*/
background-image: url("xxx.svg");  /*在背景中使用SVG*/
background-repeat: no-repeat;  /*圖片不重復*/
background-position: center;  /*將圖片置于背景的中心*/

使用顏色和背景圖使網頁更加精美，同時，也要注意不要過度使用，影響用戶體驗。