<html>
<head>
<meta charset="utf-8">
<title>
QQ音乐
</title>
<style>
body{
background-image: url('img/背景.png');
background-size: cover;
}
ul{
list-style-type:none;
margin:0;
padding:0;
display:inline;
}
li
{
display:inline;
}
#daohang{
background-image: url('img/导航栏.png');
width: 100%;
height: 70px;
}
#yin{
text-align: center;
margin-top: 80px;
}
.img{
width: 251px;
height: 251px;
margin-right: 5px;
margin-bottom: 5px;
}
</style>
</head>
<body>
<div id="daohang">
<ul>
<li><a><img src="img/QQ音乐图标.png"></a></li>
<li><a><img src="img/排行.png"></a></li>
<li><a><img src="img/歌单.png"></a></li>
<li><a><img src="img/电台.png"></a></li>
<li><a><img src="img/MV.png"></a></li>
</ul>
</div>
<div id="yin">
<div>
<a href="MP4/1.mp4">
<img src="img/1.png" class="juzhong" class="img">
</a>
<a href="MP4/2.mp4">
<img src="img/2.png" class="juzhong" class="img">
</a>
<a href="MP4/3.mp4">
<img src="img/3.png" class="juzhong" class="img">
</a>
<a href="MP4/4.mp4">
<img src="img/4.png" class="juzhong" class="img">
</a>
</div>
<div>
<a href="MP4/5.mp4">
<img src="img/5.png" class="juzhong" class="img">
</a>
<a href="MP4/6.mp4">
<img src="img/6.png" class="juzhong" class="img">
</a>
<a href="MP4/7.mp4">
<img src="img/7.png" class="juzhong" class="img">
</a>
<a href="MP4/8.mp4">
<img src="img/8.png" class="juzhong" class="img">
</a>
</div>
</body>
</html>
版权属于：
root
作品采用：
《
署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
》许可协议授权
test