<html>
<head>
<title>1024</title>
</head>
<style>
.bk {
overflow:hidden;
background: #655;
background-image:radial-gradient(#29292947 30%,transparent 0),radial-gradient(#774a0e 30%,transparent 0);
background-size: 30px 30px;
background-position: 0 0 ,15px 15px;
}
.text {
z-index:999;
text-shadow:0 0 5px;
text-align:center;
font-size:15em;
}
.text::first-letter {
color:azure;
text-shadow:0 0 5px, 0 0px 6px 3px blue, 0 -2px 6px 6px cyan, 0 -4px 9px 9px lightblue ;
}
.text2 {
z-index:999;
text-shadow: 2px 2px #fff,
3px 3px #666;
color:#ff4400;
}
.text3 {
z-index:999;
font-size:14px;
color:#8e8e8ec4;
}
#p_1024{
z-index:-1;
transform:rotate(45deg);
display:inline-block;
position:absolute;
left:-400px;
top:-400px;
}
#p_1024 >div{
z-index:-1;
width:70px;
height:70px;
display:inline-block;
color:#4c3f3f
}
</style>
<body class="bk" >
<div id="p_1024" ></div>
<div class="text" >1024
<div class="text2">节日快乐</div>
<div class="text3">作为一个真正的程序员,首先应该尊重编程,热爱你所写下的程序,他是你的伙伴,而不是工具</div>
</div>
</body>
<script>
window.onload = function(){
var x = 0;
while(x++<1024){
var para=document.createElement("div");
var node=document.createTextNode(" 1024 ");
para.appendChild(node);
var element = document.getElementById("p_1024");
element.appendChild(para)
};
}
</script>
</html>