为A神做了一张纪念页,纪念永远的AVICII

演示地址:https://works.yujienb.cn/withoutyou-avicii.html
源码:

<html>
    <head>
        <title>Without You - Avicii</title>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <style>
            /**全局**/
            .title-p{
                font-size:30px;
                color:#000000;
                padding:1%;
            }
            .main-info>p{
                font-size:20px;
                padding:1%;
            }
            /**PC**/
            @media screen and (min-width:960px){
            html{
                background-image:url(https://yujienb.cn/usr/uploads/2019/08/1404156032.jpg);
                background-repeat: no-repeat;
                background-size:cover;
                background-attachment: fixed;
                opacity:0.4;
                filter:alpha(opacity=40); 
            }
            .main{
                background-color:white;
                margin:5% 25% 5% 25%;
                border-radius: 20px;
            }
        }
            /**PE**/
            @media screen and (max-width: 960px){
                html{
                background-image:url(https://s2.ax1x.com/2019/08/09/eHmWIe.jpg);
                background-repeat: no-repeat;
                background-size:cover;
                background-attachment: fixed;
                opacity:0.4;
                filter:alpha(opacity=40); 
            }
            .main{
                background-color:white;
                margin:5% 2% 5% 2%;
                border-radius: 20px;
                }
            }
        </style>
    </head>
    <body>
        <div class="main">
            <div class="main-title">
                <p class="title-p">Without You - Avicii</p>
            </div>
            <div class="links">
                    <a href="https://music.163.com/#/artist?id=45236">
                        <img src="https://p3.music.126.net/tBTNafgjNnTL1KlZMt7lVA==/18885211718935735.jpg" alt="" style="height:30px; margin-left:2%;">
                    </a>
            </div>
            <div class="main-info">
                <p>
                        You said that we would always be <br/>
                        你曾说过我们会永远在一起
                </p>
                <p>
                        Without you I feel lost at sea <br/>
                        没有你我犹如迷失深海
                </p>
                <p>
                        Through the darkness you'd hide with me<br/>
                        黑暗中你刻意回避着我
                </p>
                <p>
                        Like the wind we'd be wild and free<br/>
                        如风一般,我们自由而狂野
                </p>
                <p>
                        You<br/>
                        你
                </p>
                <p>
                        Said you'd follow me anywhere<br/>
                        曾说你愿意陪我去任何地方
                </p>
                <p>
                        But your eyes<br/>
                        但你的眼神
                </p>
                <p>
                        Tell me you won't be there<br/>
                        出卖了你的内心
                </p>
                <p>
                        I've gotta learn how to love without you<br/>
                        我得学会习惯没有你的生活
                </p>
                <p>
                        I've gotta carry my cross without you<br/>
                        我得学会自己背负十字架艰难前行
                </p>
                <p>
                        Stuck in the riddle and i'm just about to<br/>
                        现在我身陷囹圄
                </p>
                <p>
                        Figure it out without you<br/>
                        没有了你,我只能迎难而上
                </p>
                <p>
                        And I'm done sitting home without you<br/>
                        没有了你,我不能再坐卧享乐
                </p>
                <p>
                        FUCK I'm going out without you<br/>
                        没有了你,我必须拼死前行
                </p>
                <p>
                        I'm going to tear this city down without you<br/>
                        我决定洗劫这座没有你的城市
                </p>
                <p>
                        I'm going Bonnie and Clyde without you<br/>
                        失去了你,我早已无所顾忌【Bonnie and Clyde:乱世年代的雌雄大盗】
                </p>
                <p>
                        Now I'm running away my dear<br/>
                        亲爱的我正在逃遁
                </p>
                <p>
                        From myself and the truth I fear<br/>
                        逃避自我,更逃避着害怕面对的真相
                </p>
                <p>
                        My heart is beating I can't see clear<br/>
                        心脏剧烈跳动着 看不见看不清
                </p>
                <p>
                        How I'm wishing that you were here<br/>
                        我是多么想你在我身边
                </p>
                <p>
                        You<br/>
                        你
                </p>
                <p>
                        Said you'd follow me anywhere<br/>
                        曾说你愿意陪我去任何地方
                </p>
                <p>
                        But your eyes<br/>
                        但你的眼神                        
                </p>
                <p>
                        But your eyes<br/>
                        但你的眼神                        
                </p>
                <p>
                        Tell me you won't be there<br/>
                        出卖了你的内心
                </p>
                <p>
                        I've gotta learn how to love without you<br/>
                        我得学会习惯没有你的生活
                </p>
                <p>
                        I've gotta carry my cross without you<br/>
                        我得学会自己背负十字架艰难前行
                </p>
                <p>
                        Stuck in the riddle and i'm just about to<br/>
                        现在我身陷囹圄
                </p>
                <p>
                        Figure it out without you<br/>
                        没有了你,我只能迎难而上
                </p>
                <p>
                        And I'm done sitting home without you<br/>
                        没有了你,我不能再坐卧享乐
                </p>
                <p>
                        FUCK I'm going out without you<br/>
                        没有了你,我必须拼死前行
                </p>
                <p>
                        I'm going to tear this city down without you<br/>
                        我决定洗劫这座没有你的城市
                </p>
                <p>
                        I'm going Bonnie and Clyde without you<br/>
                        失去了你,我早已无所顾忌
                </p>
            </div>
            <audio src="http://m10.music.126.net/20190809015655/89e07f7f24d782b8569fecd944fa5aef/ymusic/2870/b774/7a47/8449bee1e6523d3f8bafb462dc26959f.mp3" autoplay="autoplay"></audio>
        </div>
        <div class="footer">
            <p style="color:white;text-align:center;">
                致敬我们永远的鸽子王 —— Avicii
                <br>By 1Jnver
            </p>
        </div>
    </body>
</html>