在網頁制作的過程中，CSS 是很重要的一個元素。使用 CSS 可以使網頁變得更加美觀、易讀，其中之一就是制定區域的顏色。下面我們來學習如何使用 CSS 制定區域的顏色。

/* 選擇器 */
body {
background-color: #eee; /* 設置整個頁面的背景色 */
}
/* 類選擇器 */
.colorful-bg {
background-color: lightblue; /* 設置特定區域的背景色 */
}
/* ID 選擇器 */
#header {
background-color: pink; /* 設置頁面標題區域的背景色 */
}

首先是選擇器，可以使用選擇器來控制整個頁面的背景色。上述代碼中，我們選擇的是 body 元素，設置了背景色為 #eee。一般情況下，整個頁面的背景色都會使用選擇器進行設置。

接著是類選擇器，類選擇器通常會被用來設置特定的區域的背景色。上述代碼中，我們使用 .colorful-bg 類選擇器來設置一個帶有背景色的區域，背景色為 lightblue。

最后，我們還可以使用 ID 選擇器來設置頁面部分的背景色。如上述代碼中，我們使用 #header 選擇器來設置頁面標題區域的背景色，背景色為 pink。

以上就是使用 CSS 制定區域顏色的相關代碼和技巧，希望對大家有所幫助。