马上就过年了,网站也可以装饰一下,本文就教大家如何使用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">
保存完毕,上传就可以看到效果了。