CSS是一種常用的前端技術，可以用來美化網頁、調整網頁結構等。其中，CSS的背景色和背景圖也是非常重要的內容之一。本文將介紹如何使用CSS來設置背景色和背景圖。

背景色：
background-color: #FF0000;/* 背景色為紅色 */
background-color: rgb(255, 0, 0);/* 背景色為紅色 */
background-color: rgba(255, 0, 0, 0.5);/* 背景色為半透明紅色 */

以上是幾種設置背景色的方法，其中#FF0000是十六進制表示法，rgb(255, 0, 0)是RGB表示法，rgba(255, 0, 0, 0.5)是RGBA表示法，其中最后一個數字0.5表示透明度，可用在半透明的效果。

背景圖：
background-image: url("bg.jpg");/* 以圖片bg.jpg做為背景 */
background-repeat: no-repeat;/* 背景圖不重復 */
background-size: cover;/* 背景圖鋪滿整個容器 */
background-position: center center;/* 背景圖在容器中居中顯示 */

以上是設置背景圖的方法，第一行代碼用url()指定想要設置的背景圖；第二行代碼用background-repeat來控制背景圖重復；第三行代碼用background-size來指定背景圖如何縮放和適應容器大小；第四行代碼用background-position來控制背景圖在容器中的位置。

綜上所述，CSS的背景色和背景圖是實現網頁美化和個性化需求不可或缺的元素，掌握它們的設置方法，能夠更好地構建出美觀的網頁。