• <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代碼。

      7a899e510fb30f24b0a63f7fc795d143ad4b038a.jpg
    2. 2

      在test.html文件內,利用img標簽建立一張圖片,圖片是images文件夾下面的1.jpg。

      0b46f21fbe096b63a7738d2c03338744ebf8ac60.jpg
    3. 3

      為了展示埋沒圖片后的結果,在img標簽的外部利用div標簽,同時設置div標簽的class屬性為mydiv。

      43a7d933c895d1435b4a375f7cf082025aaf078a.jpg
    4. 4

      在test.html文件內,編寫標簽,頁面的css樣式將寫在該標簽內。

      f9dcd100baa1cd11a2b5a15cb612c8fcc3ce2d4f.jpg
    5. 5

      在css標簽內,設置類名為mydiv的樣式,利用border設置div的邊框為1px的灰色邊框,利用width設置div的寬度為300px,利用height設置div的高度為300px。在瀏覽器打開test.hmtl頁面,查看沒有埋沒圖片的結果。

      bba1cd11728b47106b2c2eb0cccec3fdfc03234f.jpg c995d143ad4bd1138bbf644e55afa40f4bfb0558.jpg
    6. 6

      在css標簽內,對img元素進行樣式設置,將display屬性設置為none,實現圖片的埋沒。

      c9fcc3cec3fdfc03457b30c4db3f8794a4c2264f.jpg
    7. 7

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

      83025aafa40f4bfb06ec4d280c4f78f0f736188a.jpg
    • 發表于 2019-11-22 17:03
    • 閱讀 ( 679 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

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