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

    CSS如何改變background

    在css中,可以通過background-size屬性來改變背景圖片的高度和寬度。下面小編舉例講解CSS如何改變background-image的大小。

    東西/原料

    • html+css
    • 代碼編纂器:Dreamweaver CS5

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解css若何改變background-image的巨細。

    2. 2

      在test.html文件內,利用div建立一個模塊,下面將利用css設置其布景圖片。

    3. 3

      在test.html文件內,給div添加一個class屬性,屬性值為testdiv,用于下面設置樣式。

    4. 4

      在css標簽內,經由過程class設置div的樣式,界說div的寬度為300px,高度為200px,邊框為1px,布景圖片為images文件夾下面的2.jpg圖片。

    5. 5

      在css標簽內,再利用background-size設置布景圖片的寬度為300px,高度為200px,實現鋪滿整個div模塊。

    6. 6

      在瀏覽器打開test.html文件,查看實現的結果。

      END

    總結:

    1. 1

      1、在test.html文件內,利用div建立一個模塊。

      2、在css標簽內,設置div的高度,寬度,布景圖片。

      3、在css標簽內,再利用background-size設置布景圖片的寬度、高度。

      END

    注重事項

    • background-size還撐持百分比寬度,高度的設置。
    • 發表于 2020-04-08 19:00
    • 閱讀 ( 924 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    admin
    admin

    0 篇文章

    作家榜 ?

    1. xiaonan123 189 文章
    2. 湯依妹兒 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 華志健 23 文章

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