CSS是一種很重要的前端技術，它可以用來控制網頁的樣式及布局。其中一個非常有用的功能是設置圖層，讓網頁元素位置更加靈活。下面來介紹一下如何在CSS中設置圖層。

在CSS中，每個元素都有一個默認圖層，我們可以通過屬性z-index來改變元素在圖層中的位置。z-index越大，元素就越在上面。

#layer1 {
z-index: 1;
}
#layer2 {
z-index: 2;
}

在上面的代碼中，我們給元素layer1和layer2分別設置了z-index，分別為1和2。這樣，layer2就會覆蓋在layer1上面。

除了z-index，CSS中還有position屬性可以用來設置元素在頁面中的位置。position有三個值，分別是static、relative和absolute。默認值為static，即元素在正常文檔流中排列，不做任何定位。relative表示元素相對于自身的位置進行定位，而absolute表示元素相對于其父元素進行定位。

#layer1 {
position: relative;
top: 50px;
left: 50px;
}
#layer2 {
position: absolute;
top: 100px;
left: 100px;
}

在上面的代碼中，我們給元素layer1和layer2分別設置了position屬性。layer1的position為relative，表示相對于自身進行定位，同時還設置了top和left屬性，讓它在頁面上向右移動50px，向下移動50px。而layer2的position為absolute，表示相對于其父元素進行定位，同時還設置了top和left屬性，讓它在頁面上向右移動100px，向下移動100px。

總的來說，設置圖層可以讓我們在CSS中更加靈活地控制元素的位置，讓網頁更加美觀和易讀。