js添加背景图片教程

 时间:2024-10-13 08:57:56

1、双击打开HBuilderX工具,新建一个项目,并创建一个HTML5页面

js添加背景图片教程

2、在<body></body>标签元素内,插入一个div和label,后面接着div和button

js添加背景图片教程

3、将一个图片复制到项目中,然后给需要设置图片背景的元素,添加一个id属性

js添加背景图片教程

4、在style标签下方,插入一个script标签,编写添加背景图片事件

js添加背景图片教程

5、给按钮button添加一个onclick事件,绑定事件addImg

js添加背景图片教程

6、保存代码并预览页面,点击设置按钮,发现图片显示不全

js添加背景图片教程

7、修改事件方法,设置图片高度、字体大小、字体颜色等

js添加背景图片教程

8、再次保存代码并预览效果,点击按钮查看图片显示效果

js添加背景图片教程
  • HTML中浮动效果是怎么做的
  • HBuilderX中怎么设置背景颜色
  • html设置网页背景图片全屏
  • a标签的下划线怎么去掉
  • 如何在HTML中插入图片
  • 热门搜索
    萝卜干怎么做好吃 免疫组化结果怎么看 惠而浦空调怎么样 怎么练肺活量 电脑怎么录制视频 胃寒怎么调理 手表怎么换电池 小黄鱼怎么做好吃 脸上起皮怎么办 400电话怎么办理