现在的网页设计越来越普遍,现在小编就来为小伙伴们演示如何在网站添加背景音乐

工具/材料

Adobe dreamweaver cs6软件

电脑

01

在桌面新建一个文件夹,任意命名,里面再新建一个文件夹,取名music(一定要和你保存的网页在同一个文件夹内)

如何给自己的网站添加背景音乐-风君小屋帮我吧 如何给自己的网站添加背景音乐-风君小屋帮我吧 02

打开你新建的网页,就是index

如何给自己的网站添加背景音乐-风君小屋帮我吧 03

我为了方便观看,我设置了背景颜色的,然后输入代码
<audio controls autoplay="autoplay">
<source src="./music/1.mp3">(他可以自动播放)

如何给自己的网站添加背景音乐-风君小屋帮我吧 04

点击调试,或者按F12,出现一个对话框,点击允许,就可以了

如何给自己的网站添加背景音乐-风君小屋帮我吧 05

最后成功的图片模板

如何给自己的网站添加背景音乐-风君小屋帮我吧

特别提示

背景音乐有多种样式,可以循环播放,自动播放,点击播放,按照需求来进行编辑代码