<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>QQ音乐</title>
<link href="css/qq.css" rel="stylesheet"/>
</head>
<body>
<div class="head-all">
<div class="top">
<div class="logo">
<img src="img/logo.png"/>
</div>
<div class="head-r">
<div class="list">
<ul>
<li class="active">
<a href="#" id="top">音乐馆</a>
</li>
<li>
<a href="#">我的音乐</a>
</li>
<li>
<a href="#"><img src="img/mark_1.png"/ alt="抢特权" class="mark">客户端</a>
</li>
<li>
<a href="#">开放平台</a>
</li>
<li>
<a href="#">VIP</a>
</li>
</ul>
</div>
<div class="searh">
<input type="text" placeholder="搜索音乐、MV、歌单、用户" class="searh-1"/>
<input type="button" value="" class="searh-2" />
</div>
<div class="login">
<ul>
<li><a href="#" class="active-login">登录</a></li>
<li>
<a href="#" class="login-vip">
开通VIP
</a>
<ul class="select__box" >
<li class="select__item " >
开通超级会员
</li>
<li class="select__item ">
开通绿钻豪华版
</li>
</ul>
</li>
<li><a href="#" class="login-recharge">充值</a></li>
</ul>
</div>
<div class="head-b">
<span>首页</span>
<span>歌手</span>
<span>新碟</span>
<span>排行榜</span>
<span>分类歌单</span>
<span>电台</span>
<span>MV</span>
<span>数字专辑</span>
</div>
</div>
</div>
</div>
</div>
<div class="bigbox">
<div class="div8">
<div class="div7">歌单推荐</div>
<div class="div8_1">
<span>为你推荐</span>
<span>KTV热歌</span>
<span>网络歌曲</span>
<span>短视频热歌</span>
<span>官方歌单</span>
<span>情歌</span>
</div>
</div>
<div class="div8-2">
<span class="span1"><</span>
<span><img src="img/1-1.png" alt="" class="img1">
<!-- <i class="ny"></i>
<i class="ny-1"></i> -->
</span>
<span><img src="img/1-2.png" alt=""></span>
<span><img src="img/1-3.png" alt=""></span>
<span><img src="img/1-4.png" alt=""></span>
<span><img src="img/1-5.png" alt="" class="img5"></span>
<span class="span2">></span>
</div>
<div class="div8-3">
<span>
<a href="#"><p>天气每天都在变,更何况爱情呢?</p></a>
<p class="p1">播放量:1268.6万</p>
</span>
<span>
<a href="#"><p class="p2">抖音热歌:全网循环超好听</p></a>
<p class="p1">播放量:7677.3万</p>
</span>
<span>
<a href=""><p class="p2">BFRND音乐特辑</p></a>
<p class="p1">播放量:1.6万</p>
</span>
<span>
<a href=""><p class="p3">崩坏3 OST音乐合辑</p></a>
<p class="p1">播放量:115.8万</p>
</span>
<span>
<a href=""><p>繁花 电视剧原声</p></a>
<p class="p1">播放量:1516.5万</p>
</span>
</div>
<div class="mod">
<div class="mod-0">
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
</div>
</div>
</div>
</div>
<div class="div-9">
<div class="div9-1">
<h2 class="h-1">新歌首发</h2>
</div>
<div class="div9-2">
<a class="div9-2-active">▷播放全部<a>
<div class="div-9-2-mid">
<a href="#" class="mid-a">最新</a>
<a href="#" class="mid-a">内地</a>
<a href="#"class="mid-a">港台</a>
<a href="#"class="mid-a">欧美</a>
<a href="#"class="mid-a">韩国</a>
<a href="#" class="mid-a">日本</a>
</div>
</div>
<div class="div9-3z">
<span class="span1"><</span>
<div class="div9z-1">
<a><img src="img/2-1.png" alt="">
<span class="s1-1">How Sweet</span>
<span class="s1-2">NewJeans (뉴진스)</span>
<span class="s1-3">03:39</span>
</a>
<a class="a-1"><img src="img/2-2.png" alt="">
<span class="s1-1">Hero (Explicit)</span>
<span class="s1-2">Charlie Puth</span>
<span class="s1-3">03:16</span>
</a>
<a class="a-2"><img src="img/2-3.png" alt="">
<span class="s1-1">我的问题 (My Bad)</span>
<span class="s1-2">余佳运</span>
<span class="s1-3">04:40</span>
</a>
</div>
<div class="div9z-1">
<a><img src="img/2-4.png" alt="">
<span class="s1-1">《狐妖小红娘月红篇》电视剧插曲</span>
<span class="s1-2">李琦</span>
<span class="s1-3">03:34</span>
</a>
<a class="a-1"><img src="img/2-5.png"alt="">
<span class="s1-1">未行之路 The Road Not Taken</span>
<span class="s1-2">HOYO-MiX/Aimer (エメ)</span>
<span class="s1-3">02:30</span>
</a>
<a class="a-2"><img src="img/2-6.png" alt="">
<span class="s1-1">The Light</span>
<span class="s1-2">Perfume (电音香水)</span>
<span class="s1-3">03:35</span>
</a>
</div>
<div class="div9z-1">
<a ><img src="img/2-7.png" alt="">
<span class="s1-1">Nice to Meet You</span>
<span class="s1-2">Imagine Dragons</span>
<span class="s1-3">03:10</span>
</a>
<a class="a-1"><img src="img/2-8.png" alt="">
<span class="s1-1">Colors</span>
<span class="s1-2">NCT 127 (엔시티 127)</span>
<span class="s1-3">03:13</span>
</a>
<a class="a-2"><img src="img/2-9.png" alt="">
<span class="s1-1">Waking of a World</span>
<span class="s1-2">鸣潮先约电台/Terry Zhong</span>
<span class="s1-3">03:19<span>
</a>
</div>
<span class="span2">></span>
<div class="mod">
<div class="mod-0">
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
</div>
</div>
</div>
</div>
<div class="div10">
<div class="div9-1">
<h1 class="h-1">精彩推荐</h1>
</div>
<div class="div10-2">
<span class="span1"><</span>
<div class="div10-2-r">
<a href="#">
<img src="img/3-1.png"/>
</a>
</div>
<div class="div10-2-l">
<a href="#">
<img src="img/3-2.png" />
</a>
</div>
<span class="span2">></span>
</div>
<div class="mod">
<div class="mod-0">
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
</div>
</div>
</div>
<div class="div11">
<div class="div9-1">
<h1 class="h-1">新碟首发</h1>
</div>
<div class="div-9-2-mid">
<a href="#" class="mid-a">内地</a>
<a href="#"class="mid-a">港台</a>
<a href="#"class="mid-a">欧美</a>
<a href="#"class="mid-a">韩国</a>
<a href="#" class="mid-a">日本</a>
<a href="#" class="more-1">更多></a>
</div>
<div class="div11-z">
<span class="span1"><</span>
<div class="div11-z-s">
<a href="#" class="s-1">
<img src="img/4-1.png" alt="" />
<p>感应</p>
<span>潘修宇</span>
</a>
<a href="#" class="s-1">
<img src="img/4-2.png" alt="" />
<p>白月花红</p>
<span>李琦</span>
</a>
<a href="#" class="s-1">
<img src="img/4-3.png" alt="" />
<p>曾拉住的手</p>
<span>无法拒绝汉堡</span>
</a>
<a href="#" class="s-1">
<img src="img/4-4.png" alt="" />
<p>此行不远</p>
<span>尹昔眠</span>
</a>
<a href="#" class="s-1">
<img src="img/4-5.png" alt="" />
<p>巴里坤的孩子</p>
<span>王琪</span>
</a>
</div>
<div class="div11-z-x">
<a href="#" class="s-1">
<img src="img/4-6.png" alt="" />
<p>一人</p>
<span>陈语淇</span>
</a>
<a href="#" class="s-1">
<img src="img/4-7.png" alt="" />
<p>追寻的光</p>
<span>善宇</span>
</a>
<a href="#" class="s-1">
<img src="img/4-8.png" alt="" />
<p>嗨生意</p>
<span>海马WAV</span>
</a>
<a href="#" class="s-1">
<img src="img/4-9.png" alt="" />
<p>雾中</p>
<span>马旭东</span>
</a>
<a href="#" class="s-1">
<img src="img/4-10.png" alt="" />
<p>还是说了再见</p>
<span>苏星婕</span>
</a>
</div>
<span class="span2">></span>
</div>
</div>
<div class="div12">
<div class="div12-1">
<h1 class="h">排行榜</h1>
<a href="#" class="g">更多></a>
</div>
<div class="div12-2">
<ul>
<li>
<div class="div-color"></div>
<div class="div12-z">
<h3>
<p>巅峰榜</p>
<a href="#" class="text">热歌</a>
</h3>
<i class="div-i"></i>
<i class="icon"></i>
</div>
<div class="div12-x">
<ul class="h">
<li class="li">
<div class="div-num">1</div>
<div class="div-m">
<a href="#">
Whataya Want from Me
</a>
</div>
<div class="div-aritst">
<a href="#">
Adam Lambert
</a>
</div>
</li>
<li class="li">
<div class="div-num">2</div>
<div class="div-m">
<a href="#">
若月亮没来 (若是月亮还没来)
</a>
</div>
<div class="div-aritst">
<a href="#">
王宇宙Leto/乔浚丞
</a>
</div>
</li>
<li class="li">
<div class="div-num">3</div>
<div class="div-m">
<a href="#">
富士山下
</a>
</div>
<div class="div-aritst">
<a href="#">
陈奕迅
</a>
</div>
</li>
</ul>
</div>
</li>
<li>
<div class="div-color-2"></div>
<div class="div12-z">
<h3>
<p>巅峰榜</p>
<a href="#" class="text">新歌</a>
</h3>
<i class="div-i"></i>
<i class="icon"></i>
</div>
<div class="div12-x">
<ul class="h">
<li class="li">
<div class="div-num">1</div>
<div class="div-m">
<a href="#">
Whataya Want from Me
</a>
</div>
<div class="div-aritst">
<a href="#">
Adam Lambert
</a>
</div>
</li>
<li class="li">
<div class="div-num">2</div>
<div class="div-m">
<a href="#">
若月亮没来 (若是月亮还没来)
</a>
</div>
<div class="div-aritst">
<a href="#">
王宇宙Leto/乔浚丞
</a>
</div>
</li>
<li class="li">
<div class="div-num">3</div>
<div class="div-m">
<a href="#">
富士山下
</a>
</div>
<div class="div-aritst">
<a href="#">
陈奕迅
</a>
</div>
</li>
</ul>
</div>
</li>
<li>
<div class="div-color-4"></div>
<div class="div12-z">
<h3>
<p>巅峰榜</p>
<a href="#" class="text">热歌</a>
</h3>
<i class="div-i"></i>
<i class="icon"></i>
</div>
<div class="div12-x">
<ul class="h">
<li class="li">
<div class="div-num">1</div>
<div class="div-m">
<a href="#">
Whataya Want from Me
</a>
</div>
<div class="div-aritst">
<a href="#">
Adam Lambert
</a>
</div>
</li>
<li class="li">
<div class="div-num">2</div>
<div class="div-m">
<a href="#">
若月亮没来 (若是月亮还没来)
</a>
</div>
<div class="div-aritst">
<a href="#">
王宇宙Leto/乔浚丞
</a>
</div>
</li>
<li class="li">
<div class="div-num">3</div>
<div class="div-m">
<a href="#">
富士山下
</a>
</div>
<div class="div-aritst">
<a href="#">
陈奕迅
</a>
</div>
</li>
</ul>
</div>
</li>
<li>
<div class="div-color-3"></div>
<div class="div12-z">
<h3>
<p>巅峰榜</p>
<a href="#" class="text">热歌</a>
</h3>
<i class="div-i"></i>
<i class="icon"></i>
</div>
<div class="div12-x">
<ul class="h-0">
<li class="li">
<div class="div-num">1</div>
<div class="div-m">
<a href="#">
Whataya Want from Me
</a>
</div>
<div class="div-aritst">
<a href="#">
Adam Lambert
</a>
</div>
</li>
<li class="li">
<div class="div-num">2</div>
<div class="div-m">
<a href="#">
若月亮没来 (若是月亮还没来)
</a>
</div>
<div class="div-aritst">
<a href="#">
王宇宙Leto/乔浚丞
</a>
</div>
</li>
<li class="li">
<div class="div-num">3</div>
<div class="div-m">
<a href="#">
富士山下
</a>
</div>
<div class="div-aritst">
<a href="#">
陈奕迅
</a>
</div>
</li>
</ul>
</div>
</li>
<li>
<div class="div-color-5"></div>
<div class="div12-z">
<h3>
<p>巅峰榜</p>
<a href="#" class="text">热歌</a>
</h3>
<i class="div-i"></i>
<i class="icon"></i>
</div>
<div class="div12-x">
<ul class="h">
<li class="li">
<div class="div-num">1</div>
<div class="div-m">
<a href="#">
Whataya Want from Me
</a>
</div>
<div class="div-aritst">
<a href="#">
Adam Lambert
</a>
</div>
</li>
<li class="li">
<div class="div-num">2</div>
<div class="div-m">
<a href="#">
若月亮没来 (若是月亮还没来)
</a>
</div>
<div class="div-aritst">
<a href="#">
王宇宙Leto/乔浚丞
</a>
</div>
</li>
<li class="li">
<div class="div-num">3</div>
<div class="div-m">
<a href="#">
富士山下
</a>
</div>
<div class="div-aritst">
<a href="#">
陈奕迅
</a>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div class="div-13">
<div class="div9-1">
<h1 class="h-1">MV</h1>
</div>
<div class="div-9-2-mid">
<a href="#" class="mid-a">内地</a>
<a href="#"class="mid-a">港台</a>
<a href="#"class="mid-a">欧美</a>
<a href="#"class="mid-a">韩国</a>
<a href="#" class="mid-a">日本</a>
<a href="#" class="more-1">更多></a>
</div>
<div class="div13-z">
<span class="span1"><</span>
<div class="div13-z-s">
<a href="#" class="s-1">
<img src="img/5-1.png" alt="" />
<p>感应</p>
<span>潘修宇</span>
</a>
<a href="#" class="s-1">
<img src="img/5-2.png" alt="" />
<p>白月花红</p>
<span>李琦</span>
</a>
<a href="#" class="s-1">
<img src="img/5-3.png" alt="" />
<p>曾拉住的手</p>
<span>无法拒绝汉堡</span>
</a>
<a href="#" class="s-1">
<img src="img/5-4.png" alt="" />
<p>此行不远</p>
<span>尹昔眠</span>
</a>
<a href="#" class="s-1">
<img src="img/5-5.png" alt="" />
<p>巴里坤的孩子</p>
<span>王琪</span>
</a>
</div>
<div class="div13-z-x">
<a href="#" class="s-1">
<img src="img/5-6.png" alt="" />
<p>一人</p>
<span>陈语淇</span>
</a>
<a href="#" class="s-1">
<img src="img/5-7.png" alt="" />
<p>追寻的光</p>
<span>善宇</span>
</a>
<a href="#" class="s-1">
<img src="img/5-8.png" alt="" />
<p>嗨生意</p>
<span>海马WAV</span>
</a>
<a href="#" class="s-1">
<img src="img/5-9.png" alt="" />
<p>雾中</p>
<span>马旭东</span>
</a>
<a href="#" class="s-1">
<img src="img/5-10.png" alt="" />
<p>还是说了再见</p>
<span>苏星婕</span>
</a>
</div>
<span class="span2">></span>
</div>
<div class="mod">
<div class="mod-0">
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
<a href="" class="mod-1"></a>
</div>
</div>
</div>
</div>
<div class="div-14">
<div class="div14-z">
<div class="div14-z-s">
<div class="div-14s-1">
<h3 class="footer_tit">下载QQ音乐客户端</h3>
<ul ul-a>
<li class="li-a">
<a href="#" class="a-3">
<i class="pc1"></i>
PC版
</a>
</li >
<li class="li-a">
<a href="#">
<i class="pc2"></i>
Mac版
</a>
</li>
<li class="li-a">
<a href="#">
<i class="pc3"></i>
Android版
</a>
</li>
<li class="li-a">
<a href="#">
<i class="pc4"></i>
iPhone版
</a>
</li>
</ul>
</div>
<div class="div-14s-2">
<h3 class="footer_tit">特色产品</h3>
<ul>
<li class="li-a">
<a href="#">
<i class="pc-1"></i>
全民K歌
</a>
</li>
<li class="li-a">
<a href="#">
<i class="pc-2"></i>
银河音效
</a>
</li>
<li class="li-a">
<a href="#">
<i class="pc-3"></i>
QPlay
</a>
</li>
<li class="li-a">
<a href="#">
<i class="pc-4"></i>
Fan直播伴侣
</a>
</li>
<li class="li-b">
<a href="#">车载互联</a>
</li>
<li class="li-b">
<a href="#">QQ演出</a>
</li>
</ul>
</div>
<div class="footer_group">
<h3 class="footer_tit">TME集团官网</h3>
<span>
<a href="#">腾讯音乐</a>
</span>
</div>
<div class="footer_link">
<h3 class="footer_tit">合作链接</h3>
<ul>
<li class=".footer_link_list__item">
<a href="#">CJ ENM</a>
<li class=".footer_link_list__item">
<a href="#">腾讯视频</a>
</li>
<li class=".footer_link_list__item">
<a href="#">手机QQ空间</a>
</li>
<li class=".footer_link_list__item">
<a href="#">最新版QQ</a>
</li>
<li class=".footer_link_list__item">
<a href="#">腾讯社交广告</a>
</li>
<li class=".footer_link_list__item">
<a href="#">电脑管家</a>
</li>
<li class=".footer_link_list__item">
<a href="#">QQ浏览器</a>
</li>
<li class=".footer_link_list__item">
<a href="#">腾讯微云</a>
</li>
<li class=".footer_link_list__item">
<a href="#">腾讯云企鹅</a>
</li>
<li class=".footer_link_list__item">
<a href="#">企鹅FM</a>
</li>
<li class=".footer_link_list__item">
<a href="#">智能电视网</a>
</li>
<li class=".footer_link_list__item">
<a href="#">当贝市场</a>
</li>
<li class=".footer_link_list__item">
<a href="#">酷我音乐</a>
</li>
<li class=".footer_link_list__item">
<a href="#">酷狗听书</a>
</li>
</ul>
</div>
<div class="footer_platform">
<h3 class="footer_tit">开放平台</h3>
<ul class="div14-ul">
<li class="item">
<a href="#">
QQ音乐开放平台
</a>
</li>
<li class="item">
<a href="#">腾讯音乐人</a>
</li>
<li class="item">
<a href="#">音乐推-歌曲推广</a>
</li>
<li class="item">
<a href="#">TME聚星-歌曲定制</a>
</li>
<li class="item">
<a href="#">启明星Venus-词曲交易/歌曲推广</a>
</li>
<li class="item">
<a href="#">TME Studio</a>
</li>
<li class="item">
<a href="#">臻品音质认证</a>
</li>
<li class="item">
<a href="#">CJ ENM</a>
</li>
</ul>
</div>
</div>
<div class="div14-z-x">
<p>
<a href="#">关于腾讯</a>
<span class="t">|</span>
<a href="#">About Tencent </a>
<span class="t">|</span>
<a href="#">服务条款</a>
<span class="t">|</span>
<a href="#">用户服务协议</a>
<span class="t">|</span>
<a href="#">隐私政策</a>
<span class="t">|</span>
<a href="#">权利声明</a>
<span class="t">|</span>
<a href="#">广告服务</a>
<span class="t">|</span>
<a href="#">腾讯招聘</a>
<span class="t">|</span>
<a href="#">客服中心</a>
<span class="t">|</span>
<a href="#">网站导航</a>
<span class="t">|</span>
<a href="#">举报中心</a>
</p>
<p>
<a href="#">Copyright © 1998 - 2024 Tencent. All Rights Reserved.</a>
</p>
<p>
<a href="#">腾讯公司 </a>
<span class="t">|</span>
<a href="#">版权所有</a>
<span class="t">|</span>
<a href="#">营业执照</a>
<span class="t">|</span>
<a href="#">网络文化经营许可证:粤网文[2023]2882-203号</a>
<span class="t">|</span>
<a href="#">客服电话:4006016666</a>
<span class="t">|</span>
<a href="#">违法与不良信息举报邮箱:tme_musicjubao@tencentmusic.com</a>
<span class="t">|</span>
</p>
</div>
</div>
</div>
<div class="div-position">
<div class="p1">
<a href="#top" class="p-1">
</a>
</div>
<a href="#" class="p-2">
<p>举报</p>
</a>
<a href="#" class="p-3">
<P>反馈</P>
</a>
<div class="p1">
<a href="#" class="p-4">
</a>
</div>
</div>
</body>
</html>
qq音乐(主体部分)
最新推荐文章于 2025-05-01 23:03:21 发布