是HTML中最基本的元素之一，如何使用CSS來(lái)控制它的層疊順序呢？
首先，讓我們了解一下CSS中層疊順序的概念。層疊順序指的是元素在覆蓋時(shí)的優(yōu)先級(jí)，數(shù)值越大的元素會(huì)覆蓋在數(shù)值較小的元素上面。
在CSS中，我們可以使用z-index屬性來(lái)控制元素的層疊順序。z-index屬性的取值范圍為整數(shù)和auto。數(shù)值越大的元素層疊順序越高，auto表示元素按照它們?cè)谖臋n流中的順序進(jìn)行布局。
下面是一個(gè)使用z-index控制div頂層的示例代碼：
<style>
#div1 {
width: 200px;
height: 200px;
background-color: red;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
#div2 {
width: 200px;
height: 200px;
background-color: green;
position: absolute;
left: 50px;
top: 50px;
z-index: 2;
}
#div3 {
width: 200px;
height: 200px;
background-color: blue;
position: absolute;
left: 100px;
top: 100px;
z-index: 3;
}
</style>
<body>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</body>