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

    怎樣用Visual Studio在網頁中插入一張背景圖片

    建造網頁就需要插入布景圖片,若何用Visual Studio在網頁中插入布景圖片呢?筆者與大師分享一下操作經驗。

    東西/原料

    • Visual Studio 2015

    方式/步調

    1. 1

      起首,Visual Studio打開一個網站,本例為TwoFish,在網站中已放置了圖片資本,以及需利用的css樣式和js代碼。

    2. 2

      起首,在網頁中找到body標簽,如下圖所示。

    3. 3

      接著找到div標簽,如下圖所示。

    4. 4

      輸入添加布景圖片的代碼,此中img是暗示圖片的標簽。

    5. 5

      src是圖片保留的路徑,id則暗示圖片屬性,即為布景。

    6. 6

      找到head和meta標簽,將光標定位到title標簽之后。

    7. 7

      接著,插入css樣式代碼。

      link標簽用來引用css樣式,href用來指心猿意馬css的路徑,rel暗示當前文檔與鏈接文檔之間的關系。

    8. 8

      然后,插入js代碼。

      用script標簽引用js文件,src暗示js文件的路徑,

    9. 9

      節制圖片顯示的代碼,都已放在響應的css樣式和js代碼中了,這里就不再贅述了。

    10. 10

      最后,用script標簽引用一個函數,實現將圖片設置為全屏的布景。

    11. 11

      在網頁文件上右擊,選擇在瀏覽器中查看選項。

    12. 12

      看到圖片在網頁中,作為布景全屏顯示了。

    注重事項

    • 作者聲明:本篇經驗系本人辛勤奮動的原創當作果,未經許可,回絕轉載。
    • 發表于 2018-04-10 00:00
    • 閱讀 ( 1689 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

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