master

分支 (1)

管理

管理

master

my-hua
/
旅梦5-1.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">
    <link rel="stylesheet" href="./旅梦5-1.css">
    <title>旅梦5-1</title>
</head>
<body>
    <div class="music">
        <div class="bg"></div>
        <header>正在播放</header>

        <div class="content">
            <div class="picture">
                <img src="http://5b0988e595225.cdn.sohucs.com/images/20180921/0e3cc4ed20ae4fc494e4855310a0b3b2.jpeg">
            </div>
            <div class="name">
                <h1>说好不哭</h1>
                <p>周杰伦</p>
            </div>
            <div class="bar">
                <div class="slide"></div>
            </div>
            <div class="time-progress">
                <div class="progress">
                    02:41
                </div>
                <div class="time">
                    04:41
                </div>
            </div>
            <div class="Icons">
                <img class="tu1" src="./img/随机播放.png">
                <img class="tu2" src="./img/快退.png">
                <img class="tu3" src="./img/播放.png">
                <img class="tu4" src="./img/快进.png">
                <img class="tu5" src="./img/收藏.png">
            </div>
            <div class="footer">
                <div class="biao1">
                    <p>HIFI</p>
                </div>
                <div class="biao2">
                    <p>DTS</p>
                </div>
            </div>
        </div>
    </div>

</body>
</html>