用HTML+CSS+JS写一个有很多亮晶晶小星星的背景,配上儿歌《一闪一闪亮晶晶》做背景音乐,并同步显示这首歌的歌词。请给出网页代码。
时间: 2023-03-29 14:03:01 浏览: 56
<!DOCTYPE html>
<html>
<head>
<title>亮晶晶小星星</title>
<style>
body {
background-color: black;
background-image: url("star.png");
background-repeat: repeat;
background-size: 5px;
}
#lyrics {
color: white;
font-size: 24px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
</style>
</head>
<body>
<audio src="yishanyishan.mp3" autoplay></audio>
<div id="lyrics">
一闪一闪亮晶晶<br>
满天都是小星星<br>
挂在天空放光明<br>
好像许多小眼睛<br>
一闪一闪亮晶晶<br>
满天都是小星星<br>
小星星你别走<br>
留下我一个<br>
</div>
</body>
</html>