起名废...-CFANZ编程社区

<!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>文本编辑</title>
    <style>
        a:link {
            color: gold;
        }

        a:visited {
            color: aqua;
        }

        a:hover {
            color: seagreen;
        }

        a:active {
            color: red;
        }

        body {
            background-image: url(../../img/2.png);
            background-size: cover;
            background-position: 0px -100px;
            background-attachment: fixed;
            background-repeat: y;
        }

        div p {
            font-family: "隶书";
            text-align: center;
        }

        #title {
            font-size: 3em;
            color: sienna;
        }

        #author {
            font-size: 1.5em;
            color: fuchsia;
            text-decoration: underline;
        }

        #p1 {
            font-size: 2em;
            color: crimson;
        }

        #p2 {
            font-size: 2em;
            color: rgb(6, 234, 6);
        }

        #p3 {
            font-size: 2em;
            color: greenyellow;
        }

        #p4 {
            font-size: 2em;
            color: rgb(50, 5, 255);
        }

        #p5 {
            font-size: 2em;
            color: rgb(6, 237, 206);
        }
    </style>

</head>

<body id="top">
    <a href="#foot"><h4 align="right">跳转至底部</h4></a>
    <div>
        <p id="title">将进酒</p>

        <p id="author">[唐] 李白</p>

        <p id="p1">君不见，黄河之水天上来，奔流到海不复回？</p>

        <p id="p2">君不见，高堂明镜悲白发，朝如青丝暮成雪‍‌‍‍‌‍‌‍‍‍‌‍‍‌‍‍‍‌‍‍‌。</p>

        <p id="p1">人生得意须尽欢，莫使金樽空对月‍。</p>

        <p id="p2">天生我材必有用，千金散尽还复来。</p>

        <p id="p3">烹羊宰牛且为乐，会须一饮三百杯。</p>

        <p id="p4">岑夫子，丹丘生，将进酒，杯莫停。</p>

        <p id="p3">与君歌一曲， 请君为我倾耳听。</p>

        <p id="p4">钟鼓馔玉不足贵，但愿长醉不复醒。</p>

        <p id="p1">古来圣贤皆寂寞，惟有饮者留其名。</p>

        <p id="p2">陈王昔时宴平乐，斗酒十千恣欢谑。</p>

        <p id="p3">主人何为言少钱，径须沽取对君酌。</p>

        <p id="p4">五花马，千金裘，</p>

        <p id="p5">呼儿将出换美酒，与尔同销万古愁。</p>
    </div>
    <a href="#top">
        <h4 align="right">返回顶部</h4>
    </a>
    <a id="foot"></a>
</body>

</html>