CSS圖層設置顏色是網頁設計中非常重要的組成部分。使用CSS，我們可以為網頁中的元素設置背景顏色和字體顏色，并精確地控制圖層的層次關系。以下是如何在CSS中設置顏色的一些基本方法。

/* 設置背景顏色 */
body{
background-color: #FFF;
}
div{
background-color: #F00;
}
/* 設置字體顏色 */
h1{
color: #00F;
}
p{
color: #000;
}
/* 設置透明度 */
.box{
background-color: rgba(255, 255, 255, 0.5);
}
/* 設置漸變顏色 */
.gradient{
background: linear-gradient(to bottom, #F00, #00F);
}
/* 設置邊框顏色 */
.border{
border: 2px solid #000;
}
/* 設置陰影顏色 */
.shadow{
box-shadow: 0 0 10px #000;
}

以上示例代碼演示了如何設置背景顏色、字體顏色、透明度、漸變顏色、邊框顏色和陰影顏色，這些設置可以應用于不同的HTML元素。

圖層的層次關系也可以通過CSS進行控制。在HTML中，后面的元素會覆蓋前面的元素，但是通過設置z-index屬性，可以改變元素的堆疊順序。

/* 設置z-index屬性 */
div{
position: relative;
z-index: 1;
}
span{
position: absolute;
z-index: 2;
}

在以上示例代碼中，設置了一個div元素和一個span元素，通過給span元素設置z-index為2，使其覆蓋在div元素之上。

總之，CSS圖層設置顏色是制作高質量網頁的基本要素之一。掌握這些基本技巧，您就可以輕松地控制圖層的顏色和層次關系，為您的網頁增添更多的魅力和視覺效果。