给网站添加一对春节灯笼

发布于 2023-01-14  6,898 次阅读


AI 摘要

给网站添加一对春节灯笼的教程:首先,引入css文件;其次,设置灯笼中的文字为“春节”。其中,灯笼由左右两部分组成,每部分都包含一个线条和一个文字。完成以上步骤,即可为网站增添春节氛围。

春节就要来了,给你的站点装饰一下吧,那么加一个灯笼怎么样?

下面开始教程!

1.引入css

<link rel="stylesheet" href="https://jipa.moe/static/xcdl.css" type="text/css" />

2.设置灯笼中的文字(默认为「春节」)

<div class="deng-l">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b"><div class="deng-t">春</div></div>
        </div>
        <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    </div>
</div>

<div class="deng-r">
    <div class="deng">
        <div class="xian"></div>
        <div class="deng-a">
            <div class="deng-b"><div class="deng-t">节</div></div>
        </div>
        <div class="shui shui-a"><div class="shui-c"></div><div class="shui-b"></div></div>
    </div>
</div>