今日歌单走心推荐(包含纯音乐)

今日歌单

1.《Novera》

2.《Golden Hour》

3.《Love The Way You Live》

4.《Scarborough Fair》

5.《Take Me Home,Country Rodas》

6.《Spirits》

7.《Rhythm Of The Rain》

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的HTML音乐播放器歌单的例子: ```html <!DOCTYPE html> <html> <head> <title>Music Player</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css"> <style> body { background-color: #f2f2f2; font-family: Arial, sans-serif; } .container { max-width: 800px; margin: 0 auto; padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); } h1 { text-align: center; font-size: 36px; margin-bottom: 20px; } ul { list-style: none; padding: 0; margin: 0; } li { display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #eee; } li:hover { background-color: #f2f2f2; } li img { width: 60px; height: 60px; margin-right: 10px; } li .fa-play-circle { font-size: 24px; color: #1db954; margin-right: 10px; cursor: pointer; } li .fa-play-circle:hover { color: #1ed760; } li .title { font-size: 18px; font-weight: bold; margin-bottom: 5px; } li .artist { font-size: 14px; color: #666; } </style> </head> <body> <div class="container"> <h1>My Music Playlist</h1> <ul> <li> <img src="https://via.placeholder.com/60x60" alt="Album Cover"> <i class="fa fa-play-circle"></i> <div> <div class="title">Song Title</div> <div class="artist">Artist Name</div> </div> </li> <li> <img src="https://via.placeholder.com/60x60" alt="Album Cover"> <i class="fa fa-play-circle"></i> <div> <div class="title">Song Title</div> <div class="artist">Artist Name</div> </div> </li> <li> <img src="https://via.placeholder.com/60x60" alt="Album Cover"> <i class="fa fa-play-circle"></i> <div> <div class="title">Song Title</div> <div class="artist">Artist Name</div> </div> </li> </ul> </div> </body> </html> ``` 这个例子使用了HTML、CSS和FontAwesome图标库来创建一个简单的音乐播放器歌单。每个歌曲都有一个封面图片、歌曲标题和艺术家名称,并且可以通过点击播放按钮来播放歌曲。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值