欢迎来到彩壳资讯
彩壳资讯
当前位置:彩壳资讯 > 数码

如何在html中设置图层?

日期:2023-10-05 05:37

1。创建一个新的 html 文件,命名为 test.html,以解释如何在 CSS 中设置图层。

2。在test.html文件中,使用div标签创建三个模块,并将其id分别设置为aa、bb和cc。

3。在test.html文件中,css标签中,将div设置为绝对定位,宽度和高度均为200px。

4。在test.html文件中,在css标签中,设置类名aa的样式。距页面顶部的距离为 0px,距页面左侧的距离为 0px,背景色为红色,z-index 为 1。

5。在test.html文件中,在css标签中,设置类名bb的样式,距页面顶部20px,距页面左侧20px,背景色为黄色,z-index为2.

6。在test.html文件中,在css标签中,设置类名cc的样式,距页面顶部40px,距页面左侧40px,背景色为粉色,z-index为3.

7。在浏览器中打开test.html文件查看效果。

关灯