在CSS中，設置上下層可以用z-index屬性來實現。z-index可以理解為畫布上圖形的層級，值越大的圖形會顯示在值越小的圖形的上面。

下面是一個設置上下層的例子，圖層一是藍色的div，它的z-index值設為1；圖層二是紅色的div，它的z-index值設為2。由于圖層二的z-index值比圖層一的值大，因此它會顯示在圖層一的上面。

.layer1 {
background-color: blue;
width: 300px;
height: 200px;
position: absolute;
top: 50px;
left: 50px;
z-index: 1;
}
.layer2 {
background-color: red;
width: 200px;
height: 100px;
position: absolute;
top: 100px;
left: 100px;
z-index: 2;
}

需要注意的是，只有position屬性值為absolute、fixed或sticky時，才能使用z-index屬性。否則z-index屬性會無效。

如果需要設置更多層級，可以在CSS中設置更多類似上述代碼段中的類。需要注意的是，z-index值越大的圖形會顯示在z-index值越小的圖形的上面。因此，需要根據實際情況進行設置。