【HTML】使用css3和html给网站添加上春节灯笼特效

马上就过年了，网站也可以装饰一下，本文就教大家如何使用css和html代码给你网站添加上一对新年灯笼。

 

 

这个灯笼特效可以加到任何网站上面，不管你是不是用的WordPress搭建的网站都可以。

具体的方法如下：

1、复制下面的代码添加到网站的页脚文件。

<!-- 灯笼1 -->
<div class="deng-box">
    <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>
 
<!-- 灯笼2 -->
<div class="deng-box1">
    <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>

2.引入CSS，复制下面的代码到</head>前

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/muzihuaner/deng@main/deng.css">

 

保存完毕，上传就可以看到效果了。

Github:https://github.com/muzihuaner/deng/