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中插入图片
  • 热门搜索
    油焖大虾的做法家常 颈椎病怎么治最好 怯怎么读 为什么家里不能养文竹 气球打结器怎么用 汨罗江怎么读音 爱奇艺自动续费怎么取消 揩怎么读音 牛蛙怎么做好吃 电脑开机密码怎么取消