做一个html音乐网页

最新推荐文章于 2024-06-03 15:30:26 发布

团团很腻害

最新推荐文章于 2024-06-03 15:30:26 发布

阅读量652

点赞数 1

文章标签： css css3 html

本文链接：https://blog.csdn.net/m0_57790713/article/details/130151038

版权

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>播放音乐</title>
 <style>
  /* 定义动画效果 */
  @keyframes pulse {
   0% { transform: scale(1); }
   50% { transform: scale(1.1); }
   100% { transform: scale(1); }
  }
  
  /* 播放音乐框的样式 */
  .audio-box {
   display: inline-block;
   padding: 20px;
   background-color: #eee;
   border-radius: 10px;
   animation: pulse 2s infinite;
  }
  
  /* 音乐控件的样式 */
  audio {
   width: 100%;
  }
 </style>
</head>
<body>
 <!-- 播放音乐框 -->
 <div class="audio-box">
  <h1>播放音乐</h1>
  <audio controls>
   <source src="music.mp3" type="audio/mpeg">
   您的浏览器不支持 HTML5 音频播放。
  </audio>
 </div>
</body>
</html>