多语言展示
当前在线:1287今日阅读:152今日分享:13

如何给body设置背景图

在网页制作的时候,通常需要添加一些背景图,美化整体界面的样子。那么,如何给body设置背景图呢?
工具/原料

vscode

方法/步骤
1

打开vscode,创建一个html的测试页面,在测试页面的同级目录添加一张背景图片

2

在测试页面中,添加一些测试文字内容,由于仅仅只做演示,所以,并没有添加样式

3

在浏览器中打开测试页面,就可以看到运行的效果

4

在body标签上面的style属性,添加background-image样式,设置背景图地址指向第一步添加的演示背景图片

5

在浏览器中再次打开测试页面,就可以看到页面有了背景图。只不过这个时候的背景图会重叠占据空间,并不会使用一张图片铺满整个浏览器窗口

7

在浏览器中打开测试页面,看到运行效果,整个body充满了背景图

推荐信息