ClassContent/历届学生/font-end-nine/项目练习/学生项目/冯文焌/2css练习和作业/css作业/qq音乐/qq音乐.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="./clear.css">
    <link rel="stylesheet" href="./public.css">
    <link rel="stylesheet" href="./qq音乐.css">
</head>

<body>
    <!-- 全部 -->
    <div class="content">
        <!-- 歌单推荐 -->
        <div class="recommend">
            歌&nbsp; 单&nbsp; 推&nbsp; 荐
        </div>
        <!-- 菜单 -->
        <div class="menu">
            <ul>
                <span>
                    为你推荐
                </span>
                <span>
                    英语
                </span>
                <span>
                    短视频热歌
                </span>
                <span>
                    经典
                </span>
                <span>
                    官方歌单
                </span>
                <span>
                    情歌
                </span>
            </ul>
        </div>
        <!-- 图片 -->
        <div class="major hidden">
            <div class="majora left">
                <img
                    src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1">
                <div class="text">
                    贺峻霖 | 少年十七未来山海共期
                </div>
                <span>播放量:43.6万</span>
            </div>
            <div class="majorb left">
                <img
                    src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1">
                <div class="text">
                    贺峻霖 | 少年十七未来山海共期
                </div>
                <span>播放量:43.6万</span>
            </div>
            <div class="majorc left">
                <img
                    src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1">
                <div class="text">
                    贺峻霖 | 少年十七未来山海共期
                </div>
                <span>播放量:43.6万</span>
            </div>
            <div class="majord left">
                <img
                    src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1">
                <div class="text">
                    贺峻霖 | 少年十七未来山海共期
                </div>
                <span>播放量:43.6万</span>
            </div>
            <div class="majore left">
                <img
                    src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1">
                <div class="text">
                    贺峻霖 | 少年十七未来山海共期
                </div>
                <span>播放量:43.6万</span>
            </div>
        </div>
        <!-- 点点 -->
        <div>
            <ul class="end">
                <li class="active"></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
</body>

</html>