first commit

历届学生/font-end-nine/项目练习/学生项目/张婷/作业/2022-6.2~6.4css网页/QQmusic.html

@@ -0,0 +1,80 @@
+<!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">歌&nbsp单&nbsp推&nbsp荐</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>