1024

云海梦尘

于 2019-10-24 22:39:58 发布

阅读量481

点赞数

分类专栏：文档文章标签： 1024

本文链接：https://blog.csdn.net/qq2523208472/article/details/102733952

版权

文档专栏收录该内容

11 篇文章 0 订阅

订阅专栏

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

云海梦尘

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
1024

<html><head><title>1024</title></head><style>.bk { overflow:hidden; background: #655; background-image:radial-gradient(#29292947 30%,transparent 0)...
复制链接

扫一扫

专栏目录