<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Minimalistic Winter Snowfall</title>
<style>
body {
background: #134;
margin: 0 auto;
box-shadow: none;
}
h2 {
color: black;
font-size: 24px;
margin-top: 720px;
margin-left: 20px;
font-family: "Josefin Sans", sans-serif;
}
h1 {
margin-top: 70px;
font-family: "Josefin Sans", sans-serif;
color: white;
font-size: 52px;
letter-spacing: 9px;
}
#wrapper {
width: 100%;
height: 20px;
}
#snow {
background: white;
width: 100%;
min-height: 450px;
margin-top: 450px;
display: inline-block;
}
.gran {
height: 400px;
width: 200px;
margin-top: -270px;
}
.leaves {
width: 0;
height: 0;
border-left: 85px solid transparent;
border-right: 85px solid transparent;
border-bottom: 300px solid #228b57;
z-index: 50;
position: relative;
}
.left {
width: 0;
height: 0;
border-left: 85px solid transparent;
border-bottom: 300px solid #1e7b4d;
display: inline-block;
margin-left: -85px;
z-index: -1231;
position: relative;
}
.top {
width: 0;
height: 0;
border-left: 28px solid transparent;
border-right: 28px solid transparent;
border-bottom: 100px solid white;
display: inline-block;
margin-left: -85px;
z-index: 100;
position: absolute;
margin-top: -0px;
margin-left: -28px;
}
.foot {
background: #38230e;
width: 30px;
height: 60px;
margin-top: -5px;
margin-right: 20px;
display: inline-block;
margin-left: -14px;
}
#subfoot {
background: green;
width: 30px;
height: 60px;
display: inline-block;
}
</style>
</head>
<body>
<div id="wrapper">
<center><h1>Merry Christmas</h1></center>
<div id="snow">
<center>
<div class="gran">
<div class="leaves">
<div class="top"></div>
<div class="left"></div>
<div class="foot"></div>
</div>
</div>
</center>
</div>
</div>
<h2></h2>
<span
id="s0"
style="
position: absolute;
font-family: Times;
font-size: 28px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 1124.01px;
top: 127.68px;
"
>*</span
><span
id="s1"
style="
position: absolute;
font-family: Times;
font-size: 25px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 187.272px;
top: 456px;
"
>*</span
><span
id="s2"
style="
position: absolute;
font-family: Verdana;
font-size: 29px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 1371.44px;
top: 758.64px;
"
>*</span
><span
id="s3"
style="
position: absolute;
font-family: Arial;
font-size: 26px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 1194.08px;
top: 783.12px;
"
>*</span
><span
id="s4"
style="
position: absolute;
font-family: Verdana;
font-size: 14px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 1315.46px;
top: 921.8px;
"
>*</span
><span
id="s5"
style="
position: absolute;
font-family: Times;
font-size: 27px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 1156.72px;
top: 476.28px;
"
>*</span
><span
id="s6"
style="
position: absolute;
font-family: Arial;
font-size: 15px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 1215.41px;
top: 104.4px;
"
>*</span
><span
id="s7"
style="
position: absolute;
font-family: Arial;
font-size: 29px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 818.44px;
top: 650.76px;
"
>*</span
><span
id="s8"
style="
position: absolute;
font-family: Arial;
font-size: 12px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 768.15px;
top: 105.12px;
"
>*</span
><span
id="s9"
style="
position: absolute;
font-family: Times;
font-size: 13px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 78.8216px;
top: 48.36px;
"
>*</span
><span
id="s10"
style="
position: absolute;
font-family: Verdana;
font-size: 18px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 1555.61px;
top: 904.6px;
"
>*</span
><span
id="s11"
style="
position: absolute;
font-family: Times;
font-size: 14px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 495.963px;
top: 868.8px;
"
>*</span
><span
id="s12"
style="
position: absolute;
font-family: Verdana;
font-size: 19px;
color: rgb(243, 243, 243);
z-index: 1000;
left: 767.591px;
top: 658.92px;
"
>*</span
><span
id="s13"
style="
position: absolute;
font-family: Times;
font-size: 21px;
color: rgb(204, 204, 221);
z-index: 1000;
left: 700.065px;
top: 385.56px;
"
>*</span
><span
id="s14"
style="
position: absolute;
font-family: Verdana;
font-size: 25px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 89.7143px;
top: 66px;
"
>*</span
><span
id="s15"
style="
position: absolute;
font-family: Verdana;
font-size: 18px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 424.157px;
top: 388.8px;
"
>*</span
><span
id="s16"
style="
position: absolute;
font-family: Arial;
font-size: 12px;
color: rgb(240, 255, 255);
z-index: 1000;
left: 513.475px;
top: 362.88px;
"
>*</span
><span
id="s17"
style="
position: absolute;
font-family: Arial;
font-size: 24px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 796.611px;
top: 751.68px;
"
>*</span
><span
id="s18"
style="
position: absolute;
font-family: Times;
font-size: 22px;
color: rgb(221, 221, 255);
z-index: 1000;
left: 1576.35px;
top: 195.36px;
"
>*</span
><span
id="s19"
style="
position: absolute;
font-family: Verdana;
font-size: 20px;
color: rgb(170, 170, 204);
z-index: 1000;
left: 264.656px;
top: 501.6px;
"
>*</span
><span
id="s20"
style="
position: absolute;
font-family: Verdana;
font-size: 20px;
color: rgb(204, 204, 22
程序员浪漫-圣诞树（html）
需积分: 13 4 浏览量
2022-12-20
01:56:44
上传
评论 2
收藏 36KB 7Z 举报
圣诞树.7z （3个子文件） 
效果图.png 39KB
圣诞树源码.txt 31KB
圣诞树.html 31KB资源评论
Beluga
- 粉丝: 3231
- 资源: 68
