【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/