花好月圆时，邀你一起来读诗！-阿里云开发者社区

花好月圆时，邀你一起来读诗！

2023-05-24 186

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 花好月圆时，邀你一起来读诗！

中秋佳节，代码如诗！
一年一度中秋节，一年一度团圆夜；

年年月圆人不圆，岁岁形只影孤单。

只愿大家能够团团圆圆，合家美满。

中秋节，团圆节，月圆，人更圆！
中国人对月亮特别执着，觉得月圆很美，月缺也很美。比起西方人因为热度、伟大，而对太阳的痴迷，我们更加懂得欣赏月亮的阴柔，我们用月亮的阴晴圆缺暗示着人世间的悲欢离合。

从小看着猴子水中捞月，听着二泉映月，吃着白莲蓉双黄月饼。关于月亮，似乎有及说不清道不明的感情。中秋圆月，一家团聚，在当今年代更加显得珍贵难得。

今年的中秋节又快要到啦，我们一起看一下不同人的视角下的中秋夜的圆月之美！

打工人说：“瞧，那是老板画的大饼！”

老板说：“错了，那分明是一块银元！”

只有程序员，似乎听不到他们之间的争论，继续吃着老板画的大饼，拿着老板给的银元，默默的一行一行的耕耘。

于是~~~~~~~~~~~~

第一行诗：

<div class="header"> </div>

第二行诗：

<div class="header-wrapper"> </div>

第三行诗：

<p> 举杯邀明月，对影成三人。</p>

第四行诗（屎）：

<div> </div>

第五行屎：……

……

第n行屎（诗）：

background-color: ginger;

……

直到深夜，终于写完了！！！

👇👇👇👇👇

页面自取：https://gitcode.net/jingchao/mid-autumn-festival.git

打工人和老板看了之后，都惊叹了！

注：以上内容切勿当真，仅供娱乐！

在薅完头发后写出来上面的文案，下面来看一下这诗一般的代码吧！

html实现部分源码

<!DOCTYPE html>
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <title>中秋节</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Ma+Shan+Zheng&family=Raleway:wght@300&display=swap" rel="stylesheet">
</head>
    <body>
    <div class="header">
        <div class="header-wrapper">
            <input type="radio" name="nande-toggle" id="nande-overview" checked>
            <div class="nande-crescent-container">
                <div class="nande-crescent">
                    <div class="nande-crescent-1">
                        <div class="hg-text">
                            <label title="home" for="nande-overview">花</label>
                            <label title="events">好</label>
                            <label title="staff team" >月</label>
                            <label title="site updates">圆</label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="nande-bg-top">
                <div class="nande-title">
                    <!-- 中国结 -->
                    <svg>...</svg>
                    <div class="nande-title-container">
                        <div class="nande-notice-plot">
                            <div class="notice-header">
                                秋
                                <span>Mid-Autumn Festival</span>
                                <i class="cp cp-maple-leaf"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hg-things">
                    <label for="nande-overview" class="nande-info">
                        <div class="news-header">
                            <i class="cp cp-flower"></i>
                            中秋快乐
                            <i class="cp cp-flower"></i>
                        </div>
                        <div class="overview-layout">
                            <div class="home-text">
                                <h2 class="poetry-title">《月下独酌》</h2>
                                <h3>——李白</h3>
                                <p>花间一壶酒，独酌无相亲。</p>
                                <p>举杯邀明月，对影成三人。</p>
                                <p>月既不解饮，影徒随我身。</p>
                                <p>暂伴月将影，行乐须及春。</p>
                                <p>我歌月徘徊，我舞影零乱。</p>
                                <p>醒时相交欢，醉后各分散。</p>
                                <p>永结无情游，相期邈云汉。</p>
                            </div>
                            <div class="home-notice">
                                提一壶美酒摆在花丛间，自斟自酌无友无亲。举杯邀请明月，对着身影成为三人。明月当然不会喝酒，身影也只是随着我身。我只好和他们暂时结成酒伴，要行乐就必须把美好的春光抓紧。我唱歌明月徘徊，我起舞身影零乱。醒时一起欢乐，醉后各自分散。我愿与他们永远结下忘掉伤情的友谊，相约在缥缈的银河边。
                            </div>
                        </div>
                    </label>
                </div>
            </div>
        </div>
    </div>
</body>
</html>