html如何定义层级

1、新建一个html文档，如图所示

2、首先定义两个box，一个黑色一个红色，大小为500*500，如图所示

3、然后定义颜色

4、按f12预览可以看见两个正方形，一个黑色一个红色

5、定义红色位置，如图所示

6、然后按f12预览可以看到红色覆盖在黑色上

7、接下来让黑色覆盖红色，需要定义层级，在黑色box输入z-index定义层级，顺序按数值大小优先，如图所示box1输入10，box2输入1

8、最后按f12可以看到黑色覆盖在红色上面