在CSS中如何设置图层

html+css

代码编纂器:Dreamweaver CS5

方式/步调

  1. 1

    新建一个html文件,定名为test.html,用于讲解在CSS中若何设置图层。

    8326cffc1e178a820ed976d9f903738da877e8e6.jpg
  2. 2

    在test.html文件内,利用div标签建立三个模块,同时别离设置它们的id为aa,bb,cc。

    a8014c086e061d95df3f3e4174f40ad162d9ca4a.jpg
  3. 3

    在test.html文件内,在css标签内,设置div的为绝对定位,宽度和高度都为200px。

    6f061d950a7b0208acb036986dd9f2d3572cc84a.jpg
  4. 4

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

    1f178a82b9014a904fdb4fc4a6773912b21beee6.jpg
  5. 5

    在test.html文件内,在css标签内,设置类名bb的样式,距离页面顶部为20px,距离页面左边为20px,布景颜色为黄色,z-index为2。

    2f738bd4b31c8701690dbb9f287f9e2f0708ff14.jpg
  6. 6

    在test.html文件内,在css标签内,设置类名cc的样式,距离页面顶部为40px,距离页面左边为40px,布景颜色为粉红色,z-index为3。

    8ad4b31c8701a18b4e501b36912f07082838fe14.jpg
  7. 7

    在浏览器打开test.html文件,查看实现的结果。

    728da9773912b31b0e89c4508918367adbb4e1e6.jpg
  • 发表于 2019-11-18 17:17
  • 阅读 ( 1057 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具