养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

div设置背景图教程

时间:2024-09-30 15:27:53

div设置背景图教程

div设置背景图教程

工具/原料

电脑

HBuilder

方法/步骤

1、鼠标点击打开HBuilder软件,如图所示:

div设置背景图教程

2、点击菜单栏文件--->新建-->新建Web项目,如图所示:

div设置背景图教程

3、输入项目名,然后点击完成按钮,如图所示:

div设置背景图教程

4、然后在index.html文件中键入,如下代码:<!DOCTYPEht葡矩酉缸ml><html> <茑霁酌绡head> <metacharset="utf-8"/> <title>div设置背景图片</title> </head> <body> <divstyle="background:url('img/01.jpg');height:306px;width:1300px;">div设置背景图片</div> </body></html>设置背景图片为01.jpg,如图所示:

div设置背景图教程

5、再继续点击运行-->浏览器运行,如图所示:

div设置背景图教程

6、查看浏览器,查看运行结果,div已经设置背景图片,如图所示:

div设置背景图教程

© 一点知识