怎样用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
  • 阅读 ( 853 )
  • 分类:其他类型

相关问题

0 条评论

请先 登录 后评论