80 lines
2.9 KiB
HTML
80 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Document</title>
|
||
<link rel="stylesheet" href="http://at.alicdn.com/t/font_3447676_jqloxblwkk.css">
|
||
<link rel="stylesheet" href="clear.css">
|
||
<link rel="stylesheet" href="Jpublic.css">
|
||
<link rel="stylesheet" href="QQmusic.css">
|
||
</head>
|
||
|
||
<body>
|
||
<div class="recommend">
|
||
<div class="title">歌 单 推 荐</div>
|
||
<div class="menu">
|
||
<ul>
|
||
<li class="active">为你推荐</li>
|
||
<li>英语</li>
|
||
<li>短视频热歌</li>
|
||
<li>经典</li>
|
||
<li>官方歌单</li>
|
||
<li>情歌</li>
|
||
</ul>
|
||
</div>
|
||
<div class="icon">
|
||
<ul>
|
||
<li>
|
||
<img src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1"
|
||
alt="">
|
||
<p>贺峻霖 | 少年十七未来山海共期</p>
|
||
<p>播放量：43.6万</p>
|
||
</li>
|
||
<li>
|
||
<img src="https://qpic.y.qq.com/music_cover/OgCriaBUhCkBZmhEuP4OI4rTq7nEvhfN6ejlhWFStShtqr5TIGxSUbQ/300?n=1"
|
||
alt="">
|
||
<p>[情感片段] .每首都是一个故事</p>
|
||
<p>播放量：4157.5万</p>
|
||
</li>
|
||
<li>
|
||
<img src="https://qpic.y.qq.com/music_cover/r9ZyNKibEJFHSPoVPMRgbXsWZbvIlw1Vdfxr9gOGRF1ENt2aEV4RibQvWicK747NLSb/300?n=1"
|
||
alt="">
|
||
<p>节奏卡点｜超燃来袭开启休闲模式</p>
|
||
<p>播放量：1420.5万</p>
|
||
</li>
|
||
<li>
|
||
<img src="https://qpic.y.qq.com/music_cover/dq5UenayM4jZR6dQv1kVk81DCJpAO9icbPe3nicM10bbz8micIlywX03w/300?n=1"
|
||
alt="">
|
||
<p>【沉迷学习】轻音乐助力效率加倍</p>
|
||
<p>播放量：3841.1万</p>
|
||
</li>
|
||
<li>
|
||
<img src="https://qpic.y.qq.com/music_cover/or9WvCN6ENQ50YuvJ76Qfiba7MPk46sKDFnxUibvdBWBbsWWKZq9FMXw/300?n=1"
|
||
alt="">
|
||
<p>极致踩点丨B站高燃混剪收录单</p>
|
||
<p>播放量：2461.5万</p>
|
||
</li>
|
||
|
||
|
||
<!-- <div class="imgs">
|
||
<div class="play_btn">
|
||
<i class="iconfont icon-bofang"></i>
|
||
</div>
|
||
</div> -->
|
||
</ul>
|
||
|
||
</div>
|
||
<div class="more">
|
||
<ul>
|
||
<li class="active"></li>
|
||
<li></li>
|
||
<li></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |