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

    CSS怎么改變圖片的大小

    html+css

    代碼編纂器:Zend Studio 12.5.1

    方式/步調

    1. 1

      新建一個html文件,定名為test.html,用于講解CSS怎么改變圖片的巨細。

      21a4462309f7905283b9614403f3d7ca7bcbd521.jpg
    2. 2

      在test.html文件中,利用div標簽建立一個模塊,在div標簽內,利用img標簽建立一張圖片。

      48540923dd54564e13f0c243bcde9c82d1584f36.jpg
    3. 3

      在test.html文件中,在css標簽內,利用“*”來初始化頁面所有元素,設置表里邊距都為0。在瀏覽器打開test.html文件,查看實現的結果。

      b2de9c82d158ccbfeb29934016d8bc3eb1354136.jpg 0b55b319ebc4b74598fb916cc0fc1e178a821558.jpg
    4. 4

      經由過程元素名稱來改變圖片的巨細。例如,在css標簽內,利用css界說div元素內的img元素的寬度為200px,高度為100px。

      d058ccbf6c81800a9070af74be3533fa828b4736.jpg
    5. 5

      經由過程給img標簽設置一個id屬性,在css中經由過程id屬性,利用width(寬度)和height(高度)設置樣式,實現改變圖片的巨細。

      faedab64034f78f02364bc8976310a55b3191c58.jpg
    6. 6

      經由過程給img標簽設置一個class屬性,在css中經由過程class屬性,利用width(寬度)和height(高度)設置樣式,實現改變圖片的巨細。

      79f0f736afc37931dd07a053e4c4b74543a91158.jpg
    7. 7

      經由過程在img標簽內,利用style來設置width(寬度)和height(高度)屬性。

      d8f9d72a6059252dfbb13b7e3b9b033b5bb5b921.jpg
    8. 8

      以上幾種方式實現的結果如下:

      4034970a304e251f0062c282a886c9177f3e5336.jpg
    • 發表于 2019-11-18 17:14
    • 閱讀 ( 879 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    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>
    久久久久精品国产麻豆