html如何定义层级

时间:2024-10-14 19:32:04

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

html如何定义层级
html如何定义层级

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

html如何定义层级

3、然后定义颜色

html如何定义层级

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

html如何定义层级

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

html如何定义层级

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

html如何定义层级

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

html如何定义层级

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

html如何定义层级
© 手抄报圈