div设置背景图教程

 时间:2024-10-12 09:00:33

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

div设置背景图教程

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

div设置背景图教程

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

div设置背景图教程

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

div设置背景图教程

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

div设置背景图教程

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

div设置背景图教程
  • div 怎么设置背景图片
  • 如何让图片在div中居中显示
  • CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右!
  • css如何让div内的文字居中对齐
  • 怎么让两个div在同一行
  • 热门搜索
    欠钱不还怎么起诉 怎么给电脑设置开机密码 我的世界地图怎么用 胡萝卜用英语怎么说 胸口疼怎么回事 米豆腐怎么做好吃 宫外孕是怎么引起的 锦鲤鱼怎么养 小腹胀是怎么回事 空调滴水怎么回事