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

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

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

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

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

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

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