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

openGauss 6.0.0 RC1数据库日常运维

avatar 华为开发者空间
cover

KubeEdge 1.20.0发布！ 6大新特性提升边缘管理能力

avatar 华为开发者空间
cover

解读TaurusDB二级分区，如何提高查询性能和管理效率

avatar 华为开发者空间