网站开发|元宵节期间在网站上挂灯笼

元宵节快到了，所以在网站上挂一个灯笼来增加节日气氛。喜欢的朋友可以复制代码进行调试，样式也可以修改。渲染如下：

实现方法非常简单。首先，添加背景图像。代码实现过程如下：

body｛background:url（“./test.png”）；-webkit background-size：封面；-o background-size:封面；背景大小：封面；｝

灯笼以css样式绘制。人们以为网上画的灯笼都是图片，但它们都是在风格上实现的。代码如下：

`<；div class=“灯笼盒”>；&书信电报；div class=“灯笼”>；&书信电报；div class=“lines”>；<；/div><；div class=“lantern-a”>；&书信电报；div class=“lantern-b”>；&书信电报；div class=“lantern-t”>；元</div><；/div><；/div><；div class=“spike spike-a”>；&书信电报；div class=“spike-c”>；<；/div><；div class=“spike-b”>；<；/div><；/div><；/div><；/div><；div class=“lantern-box1”>；&书信电报；div class=“灯笼”>；&书信电报；div class=“lines”>；<；/div><；div class=“lantern-a”>；&书信电报；div class=“lantern-b”>；&书信电报；div class=“lantern-t”>；肖<；/div><；/div><；/div><；div class=“spike spike-a”>；&书信电报；div class=“spike-c”>；<；/div><；div class=“spike-b”>；<；/div><；/div><；/div><；/分区>