ClassContent/历届学生/font-end-nine/项目练习/学生项目/郑若怡/案例练习/6-2作业/QQmusic.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="../上课练习/css/clear.css">
    <link rel="stylesheet" href="../上课练习/css/public.css">
    <link rel="stylesheet" href="./css/QQmusic.css">
</head>

<body>
    <div class="main">
        <!-- shang -->
        <div class="recommend">歌单推荐</div>
        <!-- 下 -->
        <div class="content">
            <ul class="mune">
                <li class="one">
                    <a href="">为你推荐</a>
                </li>
                <li>
                    <a href="">为你推荐</a>
                </li>
                <li>
                    <a href="">为你推荐</a>
                </li>
                <li>
                    <a href="">为你推荐</a>
                </li>
                <li>
                    <a href="">为你推荐</a>
                </li>
                <li>
                    <a href="">为你推荐</a>
                </li>
            </ul>
            <ul class="list">
                <li>
                    <img src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1"
                        alt="">
                    <a href="">贺峻霖 | 少年十七未来山海共期</a>
                    <span>播放量：43.6万</span>
                </li>
                <li>
                    <img src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1"
                        alt="">
                    <a href="">贺峻霖 | 少年十七未来山海共期</a>
                    <span>播放量：43.6万</span>
                </li>
                <li>
                    <img src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1"
                        alt="">
                    <a href="">贺峻霖 | 少年十七未来山海共期</a>
                    <span>播放量：43.6万</span>
                </li>
                <li>
                    <img src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1"
                        alt="">
                    <a href="">贺峻霖 | 少年十七未来山海共期</a>
                    <span>播放量：43.6万</span>
                </li>
                <li>
                    <img src="https://qpic.y.qq.com/music_cover/cpM9UGMv7jGHdOR7vCoMEc6Nib1d7UhUZVSfCFyJdZR7W0UYDh6P7sA/300?n=1"
                        alt="">
                    <a href="">贺峻霖 | 少年十七未来山海共期</a>
                    <span>播放量：43.6万</span>
                </li>
            </ul>
            <ul class="spot">
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
</body>

</html>