码迷,mamicode.com
首页 > Web开发 > 详细

html5瀑布流

时间:2015-02-26 10:04:41      阅读:286      评论:0      收藏:0      [点我收藏+]

标签:js   javascript   html5   游戏   

<strong><span style="font-size:12px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>MyHtml.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
	<style type="text/css">
		*{margin:0px; padding:0px;}
		body{text-align:center;line-height:30px;font-family:"微软雅黑";margin:5px auto;}
		.list{width: 1000px;
			border: 1px solid rgba(137, 81, 19, 1);
			margin: 60px auto;
			border-radius: 10px;
			box-shadow: 2px 2px 10px rgba(107, 83, 15, 1);
			padding: 20px;-moz-column-count:4;}
		.list a{display:block;width:187px;padding:10px  10px;
			border:1px solid #dfdfdf;text-decoration:none;margin:5px 5px
			box-shadow:2px 2px 10px #adadad;display:block;min-height:300px;
			color: #6E6311;}
		.list a:hover{box-shadow:1px 1px 10px #000;
				color:}
		.list a:hover h4{color:rgba(131, 15, 56, 1);}		
		.list a h4{font-size:15px;text-align:center;
				font-family:"微软雅黑";border-bottom:1px solid #000}
		.list a p{font-family:"微软雅黑";font-size:12px;/*斜体字*/
			/*font-style:italic;*/line-height:20px;
				white-space:nowrap;/*一行显示*/overflow:hidden;
				text-overflow:ellipsis;/*超出..显示*/}
		.list a p.my{text-align:right;font-style:italic;}
	</style>
  </head>
  
  <body>
  	瀑布流
	  <div class="list">
	  	<a href="#">
			<img src="images/4.jpg" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  	<a href="#">
			<img src="images/3.jpg" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  	<a href="#">
			<img src="images/pic2.jpg" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  	<a href="#">
			<img src="images/00.png" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  	<a href="#">
			<img src="images/pic4.jpg" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  	<a href="#">
			<img src="images/6.jpg" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  	<a href="#">
			<img src="images/7.jpg" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  	<a href="#">
			<img src="images/a9.jpg" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  	<a href="#">
			<img src="images/5.jpg" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  	<a href="#">
			<img src="images/6.jpg" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  	<a href="#">
			<img src="images/7.jpg" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  	<a href="#">
			<img src="images/3.jpg" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  	<a href="#">
			<img src="images/5.jpg" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  	<a href="#">
			<img src="images/6.jpg" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  	<a href="#">
			<img src="images/7.jpg" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  	<a href="#">
			<img src="images/8.jpg" width="188px;"/>
			<h4>探险家-伊泽瑞尔</h4>   				
   			<p>
   			伊泽瑞尔
   			是联盟中最受欢迎的英雄之一
   			——英俊的外表及飘逸的技能组合,
   			在游戏的任何时期都是主角般的存在。
   			与很多ADC英雄不同,
   			EZ的输出手段主要以技能为主,
   			且没有控制技能,虽然门槛高,
   			但熟练之后将是非常强大的英雄。</p>
   			<p class="my">by wangqi</p>
		</a>
	  </div>
  </body>
</html>
</span></strong>
技术分享

html5瀑布流

标签:js   javascript   html5   游戏   

原文地址:http://blog.csdn.net/u012651389/article/details/43940365

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!