HTML中加入背景音乐

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#music {
				position: absolute;
				left: 40%;
				top: 45%;
				background-color: blue;
			}

			.audio {

				margin: 0.25rem 0;

				height: 4rem;

				border-radius: 25px;

				background: rgb(187, 221, 213);

				background: linear-gradient(90deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 1) 100%);

				position: relative;

			}
		</style>
	</head>
	<body>
		<audio id="music" class="audio" controls autoplay="autoplay" loop="loop" height="100" width="100">
			<source src="music/music.mp3" type="audio/mpeg" />
			
		</audio>
	</body>
</html>

**修改音乐source src=“music/music.mp3” type=“audio/mpeg” **

![在这里插入图片描述](https://img-blog.csdnimg.cn/3b7e9ca92db0417385f4f083fd991f15.png

# css # html
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

华为云数据仓库专业级开发者认证重磅发布

avatar 华为开发者空间
cover

KubeEdge 新版本5大特性解读：更完备的节点设备能力，全新的Dashboard体验

avatar 华为开发者空间
cover

一文带你搞懂GaussDB数据库性能调优

avatar 华为开发者空间