Visual Studio中想要給網(wǎng)頁制作背景圖，該怎么插入背景圖呢？下面我們就來看看詳細(xì)的教程。

軟件名稱：Visual Studio 2017 正式版 (附離線安裝包) 官網(wǎng)簡體中文版軟件大小：15GB更新時間：2017-03-14

1、首先，Visual Studio打開一個網(wǎng)站，本例為TwoFish，在網(wǎng)站中已放置了圖片資源，以及需使用的css樣式和js代碼。

2、首先，在網(wǎng)頁中找到body標(biāo)簽，如下圖所示。

3、接著找到div標(biāo)簽，如下圖所示。

4、輸入添加背景圖片的代碼，其中img是表示圖片的標(biāo)簽。

5、src是圖片保存的路徑，id則表示圖片屬性，即為背景。

6、找到head和meta標(biāo)簽，將光標(biāo)定位到title標(biāo)簽之后。

7、接著，插入css樣式代碼。link標(biāo)簽用來引用css樣式，href用來指定css的路徑，rel表示當(dāng)前文檔與鏈接文檔之間的關(guān)系。

8、然后，插入js代碼。用script標(biāo)簽引用js文件，src表示js文件的路徑，

9、控制圖片顯示的代碼，都已放在相應(yīng)的css樣式和js代碼中了，這里就不再贅述了。

10、最后，用script標(biāo)簽引用一個函數(shù)，實現(xiàn)將圖片設(shè)置為全屏的背景。

11、在網(wǎng)頁文件上右擊，選擇在瀏覽器中查看選項。

12、看到圖片在網(wǎng)頁中，作為背景全屏顯示了。

以上就是Visual Studio中制作全屏顯示背景圖的教程，希望大家喜歡，請繼續(xù)關(guān)注錯新站長站。

相關(guān)推薦：

VS2017怎么更換默認(rèn)的背景圖?

VS 2012變量自動連接時的背景色怎么更換?

Visual Studio 2015怎么改變WPF窗體程序的背景圖片?