CSS圖層是Web開發中非常重要的概念。簡單來說，圖層就是在頁面上疊加顯示的不同元素。在CSS中，每個元素都可以被看作是一個圖層，每個圖層都可以通過CSS樣式來控制它們的位置、大小、透明度、背景等屬性。

/* 將div元素設置為圖層，改變其背景顏色和透明度 */
div {
position: absolute;
z-index: 1;
background-color: #ffffff;
opacity: 0.8;
}

在CSS中，一個元素的圖層可以通過z-index屬性來控制。z-index屬性控制元素在屏幕上的深度位置，取值為整數，默認值為auto。z-index的值越大，所在的層就越靠近屏幕的前景，被其他元素遮擋的幾率就越小。

/* 設置兩個div元素的圖層，通過z-index屬性控制它們的深度位置 */
div.layer1 {
position: absolute;
z-index: 1;
}
div.layer2 {
position: absolute;
z-index: 2;
}

CSS圖層還可以通過CSS3的transform和animation特性實現漂亮的動畫效果。例如，我們可以通過transform讓一個元素旋轉或縮放，或者通過animation讓一個元素在屏幕上移動。

/* 通過transform屬性使圖片旋轉 */
.img {
transform: rotate(45deg);
}
/* 通過animation屬性使元素在屏幕上移動 */
@keyframes move {
from {left: 0;}
to {left: 100px;}
}
.box {
position: absolute;
animation: move 1s;
}

總之，CSS圖層是Web開發中非常重要的概念。熟練掌握圖層的使用，可以讓我們在Web開發中實現更加豐富的頁面效果。