开始前端-----第五篇

最新推荐文章于 2023-12-19 23:41:38 发布

qq_40408175

最新推荐文章于 2023-12-19 23:41:38 发布

阅读量271

点赞数

本文链接：https://blog.csdn.net/qq_40408175/article/details/78634284

版权


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>开心网</title>
<style>
*{margin:0; padding:0;}
.a{background:url(images/menuBg.jpg) repeat-x;	height:50px;}

.father{width:1000px; height:1050px; /*border:1px solid;*/ margin-left:150px;}

.gamelogo{float:left; padding-top:5px;}

.gameindex{
	     background:url(images/btn-01.gif) /*0px 0px no-repeat*/;
         width:100px;
         height:40px; 
         text-align:center;
		 float:left;
		 position:relative;
	     left:20px;
	     top:10px; 
          }
 
 .gameindex a,.gameindex a:hover{
	                             color:#900; 
	                             text-decoration:none; 
	                             font-size:18px; 
	                             font-weight:bold; 
	                             line-height:40px;
	                            }
	 
.menu{float:right; color:#dbb9b9; padding:15px 30px 0 0; font-size:14px;}

.menu a{
	                   color:#FFF;
	                   padding:0px 5px;
	                   text-decoration:none; 
                       }
 .menu a:hover {
	                   color:#FFF;
	                   padding:0px 5px;
	                   text-decoration:underline;
                       }					   
.b{height:10px; width:1000px; /*overflow:hidden;*/}	

				   
.game{
	  width:190px;
	  height:230px;
	  float:left;
	  border:1px solid #cccccc;
	   }

.game li{
	    list-style:none; 
	    background:url(images/gameBg1.jpg) /*0px 0px no-repeat*/; 
        height:29px; line-height:20px;
		}	
		
.game li a{
	    color:#000; 
	    display:block; 
	   /* padding-top:2px;*/
	    width:190px;
	    height:27px;text-decoration:none;font-size:14px;
	  }
	
.game li a:hover{
	   color:#FFF;  
	   background:url(images/gameBg2.jpg); 
	   text-decoration:none;
	 }
					
.game li img{
	   padding:0px 10px 0px 8px; 
	   padding-top:3px;
	}  
	
.game0{
	   width:10px; 
	   height:230px; 
	   float:left;
	}

.game1{
	   width:520px; 
	   height:230px;
	   float:left; 
	   border:1px solid #cccccc;
	 } 

.game2{
	  width:263.5px; 
	  height:230px; 
	  border:1px solid #cccccc; 
	 float:left;
	 background:#f3f3f3;
	}
h2{padding:20px 0px 0px 15px; font-size:18px; color:#666;}
.game2 li{list-style:none; padding:30px 0 0 30px; }
.game2 p{padding:0px 0 0 80px;}

.game00{
	width:723px; 
	height:10px;
    float:left;
	}
.game3{
	width:723px;
	 height:27px; 
	 border:1px solid #cccccc; 
	 float:left; background:url(images/titleBg.jpg);
	 }
.game33{
	width:723px;
	 height:27px; 
	 border-width:0px 1px 1px 1px; border-style:solid; 
	 border-color:#cccccc;
	 float:left; background:url(images/titleBg.jpg);	margin-top:-461px;
	 }
.game33 span{
	float:left; 
	font-weight:bold; 
	color:#900; 
	padding:6px 30px 0 10px; 
	font-size:16px;
	}	 	 
	 
.game3 dd{
	float:left;
	 padding:7px 0 0 10px; 
	 font-size:14px;
	  color:#666;
	  }
.game3 dd a{color:#666; text-decoration:none; }
.game3 dd a:hover{color:#666; text-decoration:underline; }
.game3 dt{
	float:left; 
	font-weight:bold; 
	color:#900; 
	padding:6px 30px 0 10px; 
	font-size:16px;
	}
	
.game4{width:723px; height:200px; float:left; border-width:0px 1px 1px 1px; border-style:solid; 
       border-color:#cccccc;}
.game44{width:340px; height:160px; float:left; margin:20px 0 20px 10px;  border:1px solid #cccccc;}	
.game44 img{padding:8px 0 0 8px;} 
.game44 dt{position:relative; margin:-130px 0 0 190px; color:#900; font-weight:bold; line-height:30px;}
.game44 dd{position:relative; margin:0px 0 0 190px; font-size:10px; line-height:20px;}
.game44 span{color:#900;font-size:13px; }

.game5{width:723px; height:430px; float:left; border-width:0px 1px 1px 1px; border-style:solid; 
       border-color:#cccccc; margin-top:-433px;}
.game55{width:150px; height:90px; /*margin:0 auto 15px;*/}	
.game5 ul li{
	       position:relative;
		   margin: 0px 0 0 30px;
		   padding: 10px 0 32px 0px;;
    	   float: left;
    	   width: 150px;
    	   height: 170px;
    	   background:#fff;
		   list-style:none;
	    } 
.game5 ul h3{
	       color:#900; 
	       font-size:16px; 
	       text-align:center;
	      }
.game5 ul li p{
	       font-size:15px;
	       padding-top:10px;
	      }
.game5 ul li span{color:#900;font-size:14px;}		  
.game6{
	    width:263.5px; 
	    height:660px; 
	    border:1px solid #cccccc; 
	    float:left; margin-left:9px;
	 }	
.game333{
	 width:263.5px;
	 height:27px; 
	 border-width:1px 1px 0px 1px; border-style:solid; 
	 border-color:#cccccc;
	 float:left; background:url(images/titleBg.jpg);
	 margin-left:9px; margin-top:-29px;
	 }	
.game333 span{
	float:left; 
	font-weight:bold; 
	color:#900; 
	padding:6px 30px 0 10px; 
	font-size:16px;
	}	
	 
	 		
.game6 ul li{
	  list-style:none;
	  font-size:12px;
	  border-bottom:1px #cccccc dashed;
	  font-family:宋体; 
	  line-height:20px; 
	  padding:5px 0px 0 0;
	  }
.game6 ul img{
	  margin:5px 10px 0 2px;
	  }
.game6 li a{color:#333; text-decoration:none;} 
.game6 li a:hover{color:#F00; text-decoration:underline;}
.game8{
	  width:1000px;
	  height:20px;
	  margin:-50px 0 0 0; 
	  text-align:center;
	  }
.game8 span{
	  font-size:24px;
	  font-weight:bold;
	  color:#C63; 
	  }		   
</style>
</head>

<body>
<div class="father">
<!--头部内容-->
<div class="a">
<div class="gamelogo"><img src="images/gamelogo.jpg"></div>
<div class="gameindex"><a href="">首页</a></div>
<div class="menu"><a href="">注册</a>|<a href="">登录</a>|<a href="">帮助</a>|<a href="">更多</a></div>
</div>
<div class="b"></div>
<!--主体内容-->
<div class="game">
            <ul>
            <li><a href="#"><img src="images/sub-1.gif" />侠客世界</a></li>
            <li><a href="#"><img src="images/sub-2.gif" />征战四方</a></li>
            <li><a href="#"><img src="images/sub-3.gif" />龙将</a></li>
            <li><a href="#"><img src="images/sub-4.gif" />弹弹堂</a></li>
            <li><a href="#"><img src="images/sub-5.gif" />凡人修真2</a></li>
            <li><a href="#"><img src="images/sub-6.gif" />一骑当先</a></li>
            <li><a href="#"><img src="images/sub-7.gif" />宫廷计</a></li>
            <li><a href="#"><img src="images/sub-8.gif" />神仙道</a></li>
            </ul>
</div>

<div class="game0"></div>
<div class="game1"><a href=""><img src="images/img-3.jpg"></a></div>

<div class="game0"></div>
<div class="game2">
                   <h2>开心网用户登录</h2>
                  <ul>
                  <li>帐号：<input type="text" name="username"></li>
                  <li>密码：<input type="password" name="pwd"></li>
                  </ul><br />
                 <p>
                 <input type="button" class="btn01" value="登录">    
                 <input type="button" class="btn02" value="注册">
                 </p>
</div>

<div class="game00"></div>
<div class="game3">
                 <dl>
                    <dt>全部游戏</dt>
                    <dd><a href="">战争策略</a></dd>
                    <dd>|</dd>
                    <dd><a href="">体育经营</a></dd>
                    <dd>|</dd>
                    <dd><a href="">社交游戏</a></dd>
                    <dd>|</dd>
                 </dl>
</div>

<div class="game4">
<div class="game44"><img src="images/img-4.jpg">
               <dl>
                    <dt>龙将</dt>
                    <dd> 三国题材横版RPG网游，丰富武将系统类型：角色扮演</dd>
                    <dd>游戏人气：<span>456287</span></dd>
                    <dd> <a href=""><img src="images/btn-02.jpg"></a>
                     <a href=""><img src="images/btn-03.jpg"></a></dd>
               </dl>
              </div> 
<div class="game44"><img src="images/img-5.jpg">
                <dl>
                    <dt>征战四方</dt>
                    <dd> 一款不建主城不，不占资源，全程战斗：战征策略</dd>
                    <dd>游戏人气：<span>542287</span></dd>
                    <dd><a href=""><img src="images/btn-02.jpg"></a>
                    <a href=""><img src="images/btn-03.jpg"></a></dd>
               </dl>
              </div>                         
</div>

<div class="game333"><span>新闻公告</span></div>
<div class="game6">
              <ul>
                <li><a href=""><img src="images/btn-04.gif" />[征战四方] 开心首服·黄巾之乱</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[龙将] 火爆8服·八门金</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[弹弹堂] 41服开启·万人竞技</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[凡人修真2] 03月08日·四海帝王</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[一骑当先] 开心2服上线送黄金</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[宫廷计] 03月06日·西施秘史</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[神仙道] 03月05日·玄净魔影</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[千军破] 48服·登录送史实名将</a></li>
               
                <li><a href=""><img src="images/btn-04.gif" />[范特西篮球] 疯狂纽约来啦！</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[一球成名] 27服开服·王者之战</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[凡人修真2] 03月08日·四海帝王</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[征战四方] 开心首服·黄巾之乱</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[龙将] 火爆8服·八门金</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[弹弹堂] 41服开启·万人竞技</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[凡人修真2] 03月08日·四海帝王</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[神仙道] 03月05日·玄净魔影</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[千军破] 48服·登录送史实名将</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[大唐行镖] 全球唯一走镖页游</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[范特西篮球] 疯狂纽约来啦！</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[一球成名] 27服开服·王者之战</a></li>
              </ul>
</div>




<div class="game33"><span>角色扮演</span></div>
<div class="game5">
             <ul>
                 <li>
                 <div class="game55"><img src="images/img-6.jpg"></div>
                 <h3>神仙道</h3>
                 <p>游戏人气：454562<br />游戏状态：<span>22区开启</span><br /><br />
                   <a href=""><img src="images/btn-02.jpg"></a>
                    <a href=""><img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
                 
                  <li>
                 <div class="game55"><img src="images/img-7.jpg"></div>
                 <h3>一骑当先</h3>
                 <p>游戏人气：754562<br />游戏状态：<span>23区开启</span><br /><br />
                    <a href=""><img src="images/btn-02.jpg"></a>
                    <a href=""><img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
                 
                  <li>
                 <div class="game55"><img src="images/img-8.jpg"></div>
                 <h3>洪荒神话</h3>
                 <p>游戏人气：654562<br />游戏状态：<span>25区开启</span><br /><br />
                   <a href=""> <img src="images/btn-02.jpg"></a>
                    <a href=""> <img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
                 
                  <li>
                 <div class="game55"><img src="images/img-9.jpg"></div>
                 <h3>龙将</h3>
                 <p>游戏人气：454562<br />游戏状态：<span>26区开启</span><br /><br />
                    <a href=""><img src="images/btn-02.jpg"></a>
                    <a href=""><img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
                                  
                  <li>
                 <div class="game55"><img src="images/img-10.jpg"></div>
                 <h3>一球成名</h3>
                 <p>游戏人气：454562<br />游戏状态：<span>22区开启</span><br /><br />
                     <a href=""><img src="images/btn-02.jpg"></a>
                     <a href=""><img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
                                  
                  <li>
                 <div class="game55"><img src="images/img-11.jpg"></div>
                 <h3>凡人修真2</h3>
                 <p>游戏人气：454562<br />游戏状态：<span>22区开启</span><br /><br />
                    <a href=""> <img src="images/btn-02.jpg"></a>
                     <a href=""><img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
                                  
                  <li>
                 <div class="game55"><img src="images/img-12.jpg"></div>
                 <h3>神仙道</h3>
                 <p>游戏人气：654562<br />游戏状态：<span>27区开启</span><br /><br />
                    <a href=""> <img src="images/btn-02.jpg"></a>
                     <a href=""><img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
                                  
                  <li>
                 <div class="game55"><img src="images/img-13.jpg"></div>
                 <h3>傲视开地</h3>
                 <p>游戏人气：554562<br />游戏状态：<span>火爆开启</span><br /><br />
                     <a href=""><img src="images/btn-02.jpg"></a>
                     <a href=""><img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
             </ul>
</div>



</div>
<div class="game8"><span>彭翱翔版权所有</span></div>

</div>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>开心网</title>
<style>
*{margin:0; padding:0;}
.a{background:url(images/menuBg.jpg) repeat-x;	height:50px;}

.father{width:1000px; height:1050px; /*border:1px solid;*/ margin-left:150px;}

.gamelogo{float:left; padding-top:5px;}

.gameindex{
	     background:url(images/btn-01.gif) /*0px 0px no-repeat*/;
         width:100px;
         height:40px; 
         text-align:center;
		 float:left;
		 position:relative;
	     left:20px;
	     top:10px; 
          }
 
 .gameindex a,.gameindex a:hover{
	                             color:#900; 
	                             text-decoration:none; 
	                             font-size:18px; 
	                             font-weight:bold; 
	                             line-height:40px;
	                            }
	 
.menu{float:right; color:#dbb9b9; padding:15px 30px 0 0;}

.menu a, .menu a:hover {
	                   color:#FFF;
	                   padding:0px 5px;
	                   /*text-decoration:none; */
                       }
.b{height:10px; width:1000px; /*overflow:hidden;*/}	

				   
.game{
	  width:190px;
	  height:230px;
	  float:left;
	  border:1px solid #cccccc;
	   }

.game li{
	    list-style:none; 
	    background:url(images/gameBg1.jpg) /*0px 0px no-repeat*/; 
        height:29px; line-height:20px;
		}	
		
.game li a{
	    color:#000; 
	    display:block; 
	   /* padding-top:2px;*/
	    width:190px;
	    height:27px;text-decoration:none;font-size:14px;
	  }
	
.game li a:hover{
	   color:#FFF;  
	   background:url(images/gameBg2.jpg); 
	   text-decoration:none;
	 }
					
.game li img{
	   padding:0px 10px 0px 8px; 
	   padding-top:3px;
	}  
	
.game0{
	   width:10px; 
	   height:230px; 
	   float:left;
	}

.game1{
	   width:520px; 
	   height:230px;
	   float:left; 
	   border:1px solid #cccccc;
	 } 

.game2{
	  width:263.5px; 
	  height:230px; 
	  border:1px solid #cccccc; 
	 float:left;
	 background:#f3f3f3;
	}
h2{padding:20px 0px 0px 15px; font-size:18px; color:#666;}
.game2 li{list-style:none; padding:30px 0 0 30px; }
.game2 p{padding:0px 0 0 80px;}

.game00{
	width:723px; 
	height:10px;
    float:left;
	}
.game3{
	width:723px;
	 height:27px; 
	 border:1px solid #cccccc; 
	 float:left; background:url(images/titleBg.jpg);
	 }
.game33{
	width:723px;
	 height:27px; 
	 border-width:0px 1px 1px 1px; border-style:solid; 
	 border-color:#cccccc;
	 float:left; background:url(images/titleBg.jpg);	margin-top:-461px;
	 }
.game33 span{
	float:left; 
	font-weight:bold; 
	color:#900; 
	padding:6px 30px 0 10px; 
	font-size:16px;
	}	 	 
	 
.game3 dd{
	float:left;
	 padding:7px 0 0 10px; 
	 font-size:14px;
	  color:#666;
	  }
.game3 dd a{color:#666;}
.game3 dt{
	float:left; 
	font-weight:bold; 
	color:#900; 
	padding:6px 30px 0 10px; 
	font-size:16px;
	}
	
.game4{width:723px; height:200px; float:left; border-width:0px 1px 1px 1px; border-style:solid; 
       border-color:#cccccc;}
.game44{width:340px; height:160px; float:left; margin:20px 0 20px 10px;  border:1px solid #cccccc;}	
.game44 img{padding:8px 0 0 8px;} 
.game44 dt{position:relative; margin:-130px 0 0 190px; color:#900; font-weight:bold; line-height:30px;}
.game44 dd{position:relative; margin:0px 0 0 190px; font-size:10px; line-height:20px;}
.game44 span{color:#F00; font-size:12px; }

.game5{width:723px; height:430px; float:left; border-width:0px 1px 1px 1px; border-style:solid; 
       border-color:#cccccc; margin-top:-433px;}
.game55{width:150px; height:90px; /*margin:0 auto 15px;*/}	
.game5 ul li{
	       position:relative;
		   margin: 0px 0 0 30px;
		   padding: 10px 0 32px 0px;;
    	   float: left;
    	   width: 150px;
    	   height: 170px;
    	   background:#fff;
		   list-style:none;
	    } 
.game5 ul h3{color:#900; font-size:16px; text-align:center;}
.game5 ul li p{font-size:15px; padding-top:10px;}
.game6{width:263.5px; height:660px; border:1px solid #cccccc; float:left; margin-left:9px;}	
.game333{
	 width:263.5px;
	 height:27px; 
	 border-width:1px 1px 0px 1px; border-style:solid; 
	 border-color:#cccccc;
	 float:left; background:url(images/titleBg.jpg);
	 margin-left:9px; margin-top:-29px;
	 }	
.game333 span{
	float:left; 
	font-weight:bold; 
	color:#900; 
	padding:6px 30px 0 10px; 
	font-size:16px;
	}	
	 
	 		
.game6 ul li{list-style:none; font-size:12px; font-family:宋体; line-height:20px; padding:5px 0px 0 0;}
.game6 ul img{margin:5px 10px 0 2px;}
.game6 li a{color:#333;} 
.game6 li a:hover{color:#F00;}
.game8{width:1000px; height:20px; margin:-50px 0 0 0; text-align:center;}
.game8 span{font-size:24px; font-weight:bold; color:#C63; }		   
</style>
</head>

<body>
<div class="father">
<!--头部内容-->
<div class="a">
<div class="gamelogo"><img src="images/gamelogo.jpg"></div>
<div class="gameindex"><a href="">首页</a></div>
<div class="menu"><a href="">注册</a>|<a href="">登录</a>|<a href="">帮助</a>|<a href="">更多</a></div>
</div>
<div class="b"></div>
<!--主体内容-->
<div class="game">
            <ul>
            <li><a href="#"><img src="images/sub-1.gif" />侠客世界</a></li>
            <li><a href="#"><img src="images/sub-2.gif" />征战四方</a></li>
            <li><a href="#"><img src="images/sub-3.gif" />龙将</a></li>
            <li><a href="#"><img src="images/sub-4.gif" />弹弹堂</a></li>
            <li><a href="#"><img src="images/sub-5.gif" />凡人修真2</a></li>
            <li><a href="#"><img src="images/sub-6.gif" />一骑当先</a></li>
            <li><a href="#"><img src="images/sub-7.gif" />宫廷计</a></li>
            <li><a href="#"><img src="images/sub-8.gif" />神仙道</a></li>
            </ul>
</div>

<div class="game0"></div>
<div class="game1"><a href=""><img src="images/img-3.jpg"></a></div>

<div class="game0"></div>
<div class="game2">
                   <h2>开心网用户登录</h2>
                  <ul>
                  <li>帐号：<input type="text" name="username"></li>
                  <li>密码：<input type="password" name="pwd"></li>
                  </ul><br />
                 <p>
                 <input type="button" class="btn01" value="登录">    
                 <input type="button" class="btn02" value="注册">
                 </p>
</div>

<div class="game00"></div>
<div class="game3">
                 <dl>
                    <dt>全部游戏</dt>
                    <dd><a href="">战争策略</a></dd>
                    <dd>|</dd>
                    <dd><a href="">体育经营</a></dd>
                    <dd>|</dd>
                    <dd><a href="">社交游戏</a></dd>
                    <dd>|</dd>
                 </dl>
</div>

<div class="game4">
<div class="game44"><img src="images/img-4.jpg">
               <dl>
                    <dt>龙将</dt>
                    <dd> 三国题材横版RPG网游，丰富武将系统类型：角色扮演</dd>
                    <dd>游戏人气：<span>456287</span></dd>
                    <dd> <a href=""><img src="images/btn-02.jpg"></a>
                     <a href=""><img src="images/btn-03.jpg"></a></dd>
               </dl>
              </div> 
<div class="game44"><img src="images/img-5.jpg">
                <dl>
                    <dt>征战四方</dt>
                    <dd> 一款不建主城不，不占资源，全程战斗：战征策略</dd>
                    <dd>游戏人气：<span>542287</span></dd>
                    <dd><a href=""><img src="images/btn-02.jpg"></a>
                    <a href=""><img src="images/btn-03.jpg"></a></dd>
               </dl>
              </div>                         
</div>

<div class="game333"><span>新闻公告</span></div>
<div class="game6">
              <ul>
                <li><a href=""><img src="images/btn-04.gif" />[征战四方] 开心首服·黄巾之乱</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[龙将] 火爆8服·八门金</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[弹弹堂] 41服开启·万人竞技</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[凡人修真2] 03月08日·四海帝王</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[一骑当先] 开心2服上线送黄金</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[宫廷计] 03月06日·西施秘史</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[神仙道] 03月05日·玄净魔影</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[千军破] 48服·登录送史实名将</a></li>
               
                <li><a href=""><img src="images/btn-04.gif" />[范特西篮球] 疯狂纽约来啦！</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[一球成名] 27服开服·王者之战</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[凡人修真2] 03月08日·四海帝王</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[征战四方] 开心首服·黄巾之乱</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[龙将] 火爆8服·八门金</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[弹弹堂] 41服开启·万人竞技</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[凡人修真2] 03月08日·四海帝王</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[神仙道] 03月05日·玄净魔影</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[千军破] 48服·登录送史实名将</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[大唐行镖] 全球唯一走镖页游</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[范特西篮球] 疯狂纽约来啦！</a></li>
                <li><a href=""><img src="images/btn-04.gif" />[一球成名] 27服开服·王者之战</a></li>
              </ul>
</div>




<div class="game33"><span>角色扮演</span></div>
<div class="game5">
             <ul>
                 <li>
                 <div class="game55"><img src="images/img-6.jpg"></div>
                 <h3>神仙道</h3>
                 <p>游戏人气：454562<br />游戏状态：<span>22区开启</span><br /><br />
                   <a href=""><img src="images/btn-02.jpg"></a>
                    <a href=""><img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
                 
                  <li>
                 <div class="game55"><img src="images/img-7.jpg"></div>
                 <h3>一骑当先</h3>
                 <p>游戏人气：754562<br />游戏状态：<span>23区开启</span><br /><br />
                    <a href=""><img src="images/btn-02.jpg"></a>
                    <a href=""><img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
                 
                  <li>
                 <div class="game55"><img src="images/img-8.jpg"></div>
                 <h3>洪荒神话</h3>
                 <p>游戏人气：654562<br />游戏状态：<span>25区开启</span><br /><br />
                   <a href=""> <img src="images/btn-02.jpg"></a>
                    <a href=""> <img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
                 
                  <li>
                 <div class="game55"><img src="images/img-9.jpg"></div>
                 <h3>龙将</h3>
                 <p>游戏人气：454562<br />游戏状态：<span>26区开启</span><br /><br />
                    <a href=""><img src="images/btn-02.jpg"></a>
                    <a href=""><img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
                                  
                  <li>
                 <div class="game55"><img src="images/img-10.jpg"></div>
                 <h3>一球成名</h3>
                 <p>游戏人气：454562<br />游戏状态：<span>22区开启</span><br /><br />
                     <a href=""><img src="images/btn-02.jpg"></a>
                     <a href=""><img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
                                  
                  <li>
                 <div class="game55"><img src="images/img-11.jpg"></div>
                 <h3>凡人修真2</h3>
                 <p>游戏人气：454562<br />游戏状态：<span>22区开启</span><br /><br />
                    <a href=""> <img src="images/btn-02.jpg"></a>
                     <a href=""><img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
                                  
                  <li>
                 <div class="game55"><img src="images/img-12.jpg"></div>
                 <h3>神仙道</h3>
                 <p>游戏人气：654562<br />游戏状态：<span>27区开启</span><br /><br />
                    <a href=""> <img src="images/btn-02.jpg"></a>
                     <a href=""><img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
                                  
                  <li>
                 <div class="game55"><img src="images/img-13.jpg"></div>
                 <h3>傲视开地</h3>
                 <p>游戏人气：554562<br />游戏状态：<span>火爆开启</span><br /><br />
                     <a href=""><img src="images/btn-02.jpg"></a>
                     <a href=""><img src="images/btn-03.jpg"></a>
                 </p>
                 </li>
             </ul>
</div>



</div>
<div class="game8"><span>彭翱翔版权所有</span></div>

</div>
</body>
</html>

qq_40408175

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
开始前端-----第五篇

开心网*{margin:0; padding:0;}.a{background:url(images/menuBg.jpg) repeat-x; height:50px;}.father{width:1000px; height:1050px; /*border:1px solid;*/ margin-left:150px;}.gamelogo{float:left; padding
复制链接

扫一扫