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

    html中怎么用CSS固定一個div模塊位置不變

    新建一個html文件,定名為test.html,用于講解html中怎么用CSS固心猿意馬一個div模塊位置不變。

  • 2

    在test.html頁面中,建立一個div模塊,并在div內寫上測試的文字,用于測試。

  • 3

    在test.html頁面中,利用css設置div的寬度為100%,高度為100px。 代碼如下:

  • 4

    在test.html頁面中,利用css設置div內的文字垂直、程度居中,并設置文字的巨細為30px。代碼如下:

  • 5

    在test.html頁面中,利用css設置div內的文字顏色為白色,同時設置div的布景顏色為紅色。代碼如下:

  • 6

    最后,在test.html頁面中,利用css設置div的位置屬性為absolute,即在頁面中固定位置,并利用bottom設置div固心猿意馬在頁面的底部。

  • 7

    在瀏覽器打開test.html頁面,可見,div當作功固心猿意馬在頁面的底部。

    • 發表于 2019-09-12 17:00
    • 閱讀 ( 1473 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

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