您的位置：首页 > 其它

第九章 综合练习 残缺版teacher

2016-10-25 10:14 211 查看 
<pre class="html" name="code"><!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>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="all">
<div  class="tou"> <img src="image/gameLogo.jpg" /> <a href="#" >首页</a>
<div class="zi">注册 | 登录 | 帮助 | 更多</div>
</div>
<div class="clear"> </div>
<!--这是第一横栏-->
<div class="one">
<div class="liebiao">
<ul class="lb">
<li><a href="#"><img src="image/sub-1.gif"/>战争世界</a></li>
<li><a href="#"><img src="image/sub-1.gif"/>战争世界</a></li>
<li><a href="#"><img src="image/sub-1.gif"/>战争世界</a></li>
<li><a href="#"><img src="image/sub-1.gif"/>战争世界</a></li>
<li><a href="#"><img src="image/sub-1.gif"/>战争世界</a></li>
<li><a href="#"><img src="image/sub-1.gif"/>战争世界</a></li>
<li><a href="#"><img src="image/sub-1.gif"/>战争世界</a></li>
</ul>
</div>
<!--列表结束-->
<div class="tupian"><a href="#"><img  src="image/img-3.jpg"/></a></div>
<!--t图片结束-->
<div class="biaodan"></div>
<!--表单结束-->
</div>
<!--这是第一横栏结束-->
<div class="clear"> </div>

<!--这是第二横栏开始-->
<div class="er">
<!--这是第二横栏左侧开始-->
<div class="erleft">
<div class="yititle"> <a href="#">
<h4>全部游戏</h4>
    战争策略|体育经营|社交游戏</a> </div>
<div class="youxi">
<div class="diyi">
<img  src="image/img-7.jpg"/>
<h3>神仙道</h3>
游戏人气：1765314
<br />

游戏状态：22区开启
<img src="image/btn-02.jpg" /><img src="image/btn-03.jpg" />
</div>
<div class="diyi">
<img  src="image/img-7.jpg"/>
<h3>神仙道</h3>
游戏人气：1765314
<br />

游戏状态：22区开启
<img src="image/btn-02.jpg" /><img src="image/btn-03.jpg" />
</div>	<div class="diyi">
<img  src="image/img-7.jpg"/>
<h3>神仙道</h3>
游戏人气：1765314
<br />

游戏状态：22区开启
<img src="image/btn-02.jpg" /><img src="image/btn-03.jpg" />
</div>	<div class="diyi">
<img  src="image/img-7.jpg"/>
<h3>神仙道</h3>
游戏人气：1765314
<br />

游戏状态：22区开启
<img src="image/btn-02.jpg" /><img src="image/btn-03.jpg" />
</div>	<div class="diyi">
<img  src="image/img-7.jpg"/>
<h3>神仙道</h3>
游戏人气：1765314
<br />

游戏状态：22区开启
<img src="image/btn-02.jpg" /><img src="image/btn-03.jpg" />
</div>	<div class="diyi">
<img  src="image/img-7.jpg"/>
<h3>神仙道</h3>
游戏人气：1765314
<br />

游戏状态：22区开启
<img src="image/btn-02.jpg" /><img src="image/btn-03.jpg" />
</div>	<div class="diyi">
<img  src="image/img-7.jpg"/>
<h3>神仙道</h3>
游戏人气：1765314
<br />

游戏状态：22区开启
<img src="image/btn-02.jpg" /><img src="image/btn-03.jpg" />
</div>	<div class="diyi">
<img  src="image/img-7.jpg"/>
<h3>神仙道</h3>
游戏人气：1765314
<br />

游戏状态：22区开启
<img src="image/btn-02.jpg" /><img src="image/btn-03.jpg" />
</div>

</div>
<div class="clear"></div>
<div class="juese">111</div>
<div class="youxishuoming"></div>
</div>
<!--这是第二横栏左侧结束-->
<div class="erright"></div>
</div>
<!--这是第二横栏结束-->
</div>
</body>
</html>


@charset "utf-8";.all{ width:1002px; margin:0px auto;}.tou {height: 50px;width: 1000px;border: thin dotted #999999;}.clear {width:1000px;margin: 1px;clear: both;border: thin dotted #FF0000;}.one {height: 250px;width: 1000px;border: thin dotted #0000FF;}.one
.liebiao {float: left;height: 248px;width: 200px;border: thin dotted #FFFF00;}.one .tupian {float: lef
4000
t;height: 248px;width: 530px;border: thin dashed #FF00FF;}.one .biaodan {float: left;height: 248px;width: 250px;border: thin dashed #666666;}.er {height:
700px;width: 1000px;border: thin dashed #FF0000;}.er .erleft {float: left;height: 698px;width: 750px;border: thin dashed #FFFF00;}.er .erright {float: left;height: 698px;width: 244px;border: thin dashed #333333;}.er .erleft .yititle {background-color: #CCCCCC;height:
30px;width: 745px;border: thin solid #333333;}.er .erleft .youxi {height:350px;width: 745px;border: thin dashed #FF0000;}.tou {background-image: url(image/menuBg.jpg);background-repeat: repeat-x;}.tou img {float: left;margin-top: 5px;}.tou a {float: left;display:
block;height: 20px;width: 100px;background-image: url(image/btn-01.gif);background-repeat: no-repeat;text-align: center;color: #CC0033;text-decoration: none;padding-top: 20px;font-weight: bolder;margin-top: 10px;}.all .er .erleft .yititle a h4 {color:#990000;display:
inline;}.all .er .erleft .yititle a {text-decoration: none;line-height: 30px;}.all .one .liebiao .lb {margin: 0px;padding: 0px;list-style-type: none;}.all .one .liebiao .lb li a{color: #000;text-decoration: none;display: block;background-image: url(image/gameBg1.jpg);background-repeat:
no-repeat;}.all .one .tupian a img {margin-top: 5px;margin-left: 10px;}.all .er .erleft .youxi .diyi {line-height:20px;float: left;height: 170px;width: 180px;text-align: center;}.all .er .erleft .youxi .diyi h3 {margin: 0px;}.all .one .liebiao .lb li a:hover{color:#FFF;text-decoration:none;display:block;background-image:
url(image/gameBg2.jpg);background-repeat: no-repeat;}.all .one .liebiao .lb li{text-indent: 1em;margin-top: 2px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}.tou .zi {float: right;margin-top: 15px;margin-right: 15px;}

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航