CSS背景顏色是網頁設計中常用的一種樣式，它能夠為網頁添加更加豐富的視覺效果。通過設置兩層背景顏色，能夠讓網頁看起來更加有層次感，同時也更加美觀。

下面我來為大家介紹一下如何設置兩層背景顏色。

background-color: #ccc; /* 第一層背景 */
background-image: url('bg.png'); /* 第二層背景圖片 */
/* 背景圖片的位置 */
background-position: center top;
/* 圖片不平鋪，只顯示一次 */
background-repeat: no-repeat;

上面的代碼中，我們首先設置了第一層背景的顏色為#ccc。接著，通過background-image屬性，我們將第二層背景設置為一個圖片。圖片的位置默認在左上角，我們通過background-position屬性將其設置為居中顯示。同時，我們希望這張圖片只顯示一次，因此將background-repeat屬性設置為no-repeat。

通過上述代碼，我們就成功地實現了兩層背景顏色的效果，讓網頁看起來更加美觀有層次感。