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中插入图片
  • 热门搜索
    苹果手机怎么下载软件 信用卡不用了怎么注销 蜡笔英语怎么读crayon 怎么祛斑 手指关节痛是怎么回事 怎么样 拭怎么读 传记怎么写 怎么判断是不是阑尾炎 孕妇乌鸡汤的做法