1、双击打开HBuilderX开发工具,在创建的Web项目中,新建静态页面audio.html
2、打开新建的audio.html文件,在body标签中,插入一个audio,并添加source标签绑定音频文件
3、保存代码并运行静态文件,打开浏览器查看页面效果
4、在audio标签上添加id属性值,利用ID选择器添加audio标签的样式
5、保存代码并刷新浏览器,可以看到音频标签出现了背景色(图片背景)
6、修改代码,将背景图片属性改为渐变linear-gradient,然后保存代码
7、再次刷新浏览器,可以看到背景也发生了改变,audio标签自带样式