在CSS中，可以使用z-index屬性來設置元素的圖層前后關系。z-index屬性只能對設置了position屬性的元素進行設置。

例如，我們可以使用position: relative;來設置一個元素，并使用z-index屬性來控制該元素的圖層位置。

.box1 {
position: relative;
z-index: 1;
}
.box2 {
position: relative;
z-index: 2;
}

在上面的代碼中，.box1會在.box2的下層，因為它的z-index屬性值更小。

需要注意的是，z-index屬性只對于同級的元素起作用。如果有兩個元素的父級元素不同，那么它們所在的父級元素的z-index屬性值才是起作用的。

下面的例子中，.box3和.box4分別被放置在不同的父級元素中。因此，它們所在的父級元素的z-index屬性值決定了它們的圖層前后位置。

.parent1 {
position: relative;
z-index: 1;
}
.parent2 {
position: relative;
z-index: 2;
}
.box3 {
position: relative;
}
.box4 {
position: relative;
}

通過設置z-index屬性，可以非常方便地控制HTML元素在頁面上的圖層前后位置。這在設計網頁時非常有用。