117 lines
3.5 KiB
HTML
117 lines
3.5 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>
|
||
<style>
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
list-style: none;
|
||
text-decoration: none;
|
||
|
||
border: none;
|
||
outline: none;
|
||
}
|
||
.content{
|
||
text-align: center;}
|
||
|
||
.menu_top h1{
|
||
margin-bottom: 15px;
|
||
padding-bottom: 10px;
|
||
}
|
||
.select{
|
||
display: inline-block;
|
||
margin: 10px;
|
||
height: 50px;
|
||
}
|
||
.select li{
|
||
float: left;
|
||
margin: 0 24px;
|
||
font-size: 15px;
|
||
|
||
}
|
||
.inner.bbbb{
|
||
text-align: center;
|
||
float: left;
|
||
}
|
||
|
||
|
||
.inner.bbbb ul {
|
||
float: left;
|
||
|
||
}
|
||
.inner.bbbb ul img{
|
||
float: left;
|
||
}
|
||
.inner.bbbb ul span{
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</style>
|
||
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<div class="content">
|
||
<div class="center">
|
||
<div class="menu_top">
|
||
<h1>歌单推荐</h1>
|
||
<ul class=" select">
|
||
<li>为你推荐</li>
|
||
<li>网络歌曲</li>
|
||
<li>温柔人声</li>
|
||
<li>ktv热歌</li>
|
||
<li>官方歌单</li>
|
||
<li>情歌</ul>
|
||
</div>
|
||
<div class="inner">
|
||
<div class="bbbb">
|
||
<ul>
|
||
<li>
|
||
<img src="https://qpic.y.qq.com/music_cover/IkIkVNibvYCHRF36fb0BNHQKIdKUjZgkuicic0K0zVFichrhwyJMl5neTA/300?n=1" alt="">
|
||
<span>治愈 | 眼里藏星河，笑里藏月光</span>
|
||
<span>播放量：27.3万</span>
|
||
</li>
|
||
<li>
|
||
<img src="https://qpic.y.qq.com/music_cover/bmKcECW38Nrj4ZJJKJS5Ku0lzel04mR9ORhHVUhUfBssbGWViaG8HKg/300?n=1" alt="">
|
||
<span>治愈 | 眼里藏星河，笑里藏月光</span>
|
||
<span>播放量：27.3万</span>
|
||
</li>
|
||
<li>
|
||
<img src="https://qpic.y.qq.com/music_cover/HbLJMw6wKWEWoQyBy4IhB1EU008sF3VdGy4AZybubXur5qrcInl7Yw/300?n=1" alt="">
|
||
<span>治愈 | 眼里藏星河，笑里藏月光</span>
|
||
<span>播放量：27.3万</span>
|
||
</li>
|
||
<li>
|
||
<img src="https://qpic.y.qq.com/music_cover/oMphCibDIicibO3i…PnIvIZEIRiaZibQmLcibdfxmFw5qib554icCzojRA/300?n=1" alt="">
|
||
<span>治愈 | 眼里藏星河，笑里藏月光</span>
|
||
<span>播放量：27.3万</span>/p>
|
||
</li>
|
||
<li>
|
||
<img src="https://qpic.y.qq.com/music_cover/or9WvCN6ENQ50YuvJ76Qfiba7MPk46sKDFnxUibvdBWBbsWWKZq9FMXw/300?n=1" alt="">
|
||
<span>治愈 | 眼里藏星河，笑里藏月光</span>
|
||
<span>播放量：27.3万</span>
|
||
</li>
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html> |