首页如何给html网页加音乐

如何给html网页加音乐

时间: 2024-08-16 21:02:30 浏览: 56

给HTML网页添加背景音乐，通常可以采用内联样式或外部链接的方式。以下是两种常见的方法： 1. 内部嵌入音频： ```html <!DOCTYPE html> <html> <body> <style> body { background: url("your-music-file.mp3"); /* 音频文件路径 */ background-size: cover; background-repeat: no-repeat; background-position: center; /* 或者 center bottom 保持音轨下方显示其他内容 */ min-height: 100vh; } </style>  <audio controls autoplay> <source src="your-music-file.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> </body> </html> ``` 在这个例子中，`autoplay`属性会让音乐自动播放，`controls`则显示播放控件。 2. 外部链接音乐： ```html <!DOCTYPE html> <html> <body> <div style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;">  <iframe src="your-music-file.mp3" style="display:none;"></iframe> </div> </body> </html> ``` 这个方法使用了一个隐藏的`<iframe>`标签来加载音乐，不会影响页面布局，同时避免了直接在页面上显示播放控件。

阅读全文