怎样用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

    看到图片在网页中，作为布景全屏显示了。