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

    中秋佳节，代码如诗！

    在这里插入图片描述

    一年一度中秋节，一年一度团圆夜；
    年年月圆人不圆，岁岁形只影孤单。
    只愿大家能够团团圆圆，合家美满。
    中秋节，团圆节，月圆，人更圆！

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

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

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

    • 打工人说：“瞧，那是老板画的大饼！”
    • 老板说：“错了，那分明是一块银元！”

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


    第二行诗：

    第三行诗：

    举杯邀明月，对影成三人。


    第四行诗（屎）：

    第五行屎：……
    ……
    ……
    第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 Festivalspan>
                                <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>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • css实现代码
      此处省略

    此页面的代码在gitcode开源，里面包含了项目的全部代码和素材，需要此页面的的友友可以去自取 京茶吉鹿 / mid-autumn-festival

    花好月圆夜，幸福团聚时，月饼不能少

    在这里插入图片描述
    最后，提前祝大家中秋节快乐！如果喜欢这个小项目，希望可以动动小手给个一键三连，你的鼓励，就是我最大的动力！

    上一篇文章：魔法诗——基于Vue开发的实用、高端、炫酷的响应式网页！

  • 相关阅读:
    【Java】方法区学习
    Rider 2023：打造高效.NET项目的智能IDE，让开发更简单mac/win版
    Flink使用AsyncDataStream异步处理数据
    nginx目录穿越漏洞(insecure-configuration)
    [数据结构]红黑树图解及其代码实现
    Windows和Mac命令窗快速打开文件夹
    为什么我的Windows 10笔记本电脑明明什么软件都没开，风扇却一直在转？
    R语言使用ggpubr包的desc_statby函数计算不同分组的描述性统计信息、分组样本数、最小值、最大值、中位数、均值、IQR、mad、sd等
    爬虫抓取数据超时是什么原因?如何解决爬虫抓取数据超时问题?
    为PDF创建目录（侧边栏目录）
  • 原文地址：https://blog.csdn.net/weixin_52372879/article/details/126611071