手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何运用CSS的z-index

时间:2024-10-15 00:46:24

1、打开编辑器,新建一个HTML文件,编写基本框架。

如何运用CSS的z-index

2、创建CSS文件,并且进行关联。

如何运用CSS的z-index

3、这里吧网页内容写出来。

如何运用CSS的z-index
如何运用CSS的z-index

4、假设我们有个文字要在内容上面。

如何运用CSS的z-index
如何运用CSS的z-index

5、z-index: -5;就会到内容的后面,看不见了。

如何运用CSS的z-index
如何运用CSS的z-index

6、如果没有背景颜色,就能看得到。

如何运用CSS的z-index
如何运用CSS的z-index

7、也可以设置多个z-index来进行层次对比。

如何运用CSS的z-index
如何运用CSS的z-index
© 手抄报圈