• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    在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
    • 閱讀 ( 963 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆