how2j.cn

相关下载
文件名 文件大小
imgs.rar 774k
answer.rar 776k

工具版本兼容问题
需要的人物头像在右侧


步骤 1 :

练习效果图

Or  姿势不对,事倍功半! 点击查看做练习的正确姿势
练习效果图


HOW2J公众号,关注后实时获知布最新的教程和优惠活动,谢谢。


问答区域    
2018-06-25 参考了一下自己写的
trap



好多重复的代码,还要去搜英雄名称,干脆就没写...
<!DOCTYPE html>
<html>
<head>
<meta charset="GB2312">
<title>综合练习2</title>
</head>
<body>
	<div class="box">
       <div class="left">      		
         <div class="t1">
           <p class="t2">英雄资料</p> 
         	<span class="p1"><input type="checkbox" value="坦克"> 坦克 </span>
           <span class="p1"><input type="checkbox" value="法师"> 法师 </span>
           <span class="p1"><input type="checkbox" value="刺客"> 刺客 </span><br>
           <span class="p1"><input type="checkbox" value="辅助"> 辅助 </span>
           <span class="p1"><input type="checkbox" value="新手"> 新手 </span>
           <span class="p1"><input type="checkbox" value="近战"> 近战 </span>
           <span class="p1"><input type="checkbox" value="远程"> 远程 </span>
           <span class="p1"><input type="checkbox" value="推进"> 推进 </span>
           <span class="p1"><input type="checkbox" value="打野"> 打野 </span><br>
           <span class="p1"><input type="checkbox" value="后期"> 后期 </span>
           <span class="p1"><input type="checkbox" value="潜行"> 潜行 </span>
           <span class="p1"><input type="checkbox" value="战士"> 战士 </span>
         </div>
         <div class="t1">
           <span class="p2"> 英雄价格: </span>
           <div style="border-top-style:dashed; border-color:#666666; border-width:1px;margin:10px;"></div>
           <span class="p1"><input type="checkbox" value="6300"> 6300 </span>
           <span class="p1"><input type="checkbox" value="3150"> 3150 </span>
           <span class="p1"><input type="checkbox" value="1350"> 1350 </span>
           <span class="p1"><input type="checkbox" value="450"> 450 </span>
         </div>
         <div class="t1">
      		<p class="t2">符文资料</p>   
           <span class="p1" style="margin-right:--1px"><input type="checkbox" value="生命值"> 生命值 </span>
           <span class="p1"><input type="checkbox" value="攻击力"> 攻击力 </span>
           <span class="p1"style="margin-left:-2px"><input type="checkbox" value="护甲穿透"> 护甲穿透 </span>   
           <span class="p1"><input type="checkbox" value="法术穿透"> 法术穿透 </span>
           <span class="p1"style="margin-left:-2px"><input type="checkbox" value="暴击"> 暴击 </span>
           <span class="p1"><input type="checkbox" value="魔法抗性"> 魔法抗性 </span>        
           <span class="p1"><input type="checkbox" value="法术伤害"> 法术伤害 </span>
           <span class="p1" style="margin-left:-2px"><input type="checkbox" value="物理伤害"> 物理伤害 </span>
           <span class="p1" style="margin-left:-13px"><input type="checkbox" value="韧性"> 韧性 </span>		
           <span class="p1"><input type="checkbox" value="法力值"> 法力值 </span>
           <span class="p1"><input type="checkbox" value="生命偷取"> 生命偷取 </span>
           <span class="p1"style="margin-left:-13px"><input type="checkbox" value="冷却缩减"> 冷却缩减 </span>
           <span class="p1"><input type="checkbox" value="生命回复"> 生命回复 </span>
           <span class="p1"style="margin-left:-2px"><input type="checkbox" value="法力回复"> 法力回复 </span>
           <span class="p1"style="margin-left:-13px"><input type="checkbox" value="法术吸血"> 法术吸血 </span>
           <span class="p1"><input type="checkbox" value="移动速度"> 移动速度 </span>
           <span class="p1"style="margin-left:-2px"><input type="checkbox" value="护甲值"> 护甲值 </span>
         </div>
       </div>
      
       <div class="right">
      		<table class="t3" width="270px">
           <tr>
      <td style="padding:4px;"><img src="1.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="2.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="3.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="4.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="5.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="6.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="7.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
           </tr>
           <tr>
             <td>
               <div class="p4">冰霜女巫</div>
             	<div class="p4">丽桑卓</div>
             </td>
             <td>
               <div class="p4">酒桶</div>
             	<div class="p4">古拉加斯</div>
             </td>
             <td>
               <div class="p4">众星之子</div>
             	<div class="p4">索拉卡</div>
             </td>
             <td>
               <div class="p4">暗裔剑魔</div>
             	<div class="p4">亚托克斯</div>
             </td>
             <td>
               <div class="p4">盲僧</div>
             	<div class="p4">李青</div>
             </td>
             <td>
               <div class="p4">雷霆咆哮</div>
             	<div class="p4">沃利贝尔</div>
             </td>
             <td>
               <div class="p4">暗影之拳</div>
             	<div class="p4">阿卡丽</div>
             </td>           		
           </tr>
                        <tr>
      <td style="padding:4px;"><img src="1.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="2.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="3.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="4.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="5.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="6.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="7.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
           </tr>
           <tr>
             <td>
               <div class="p4">冰霜女巫</div>
             	<div class="p4">丽桑卓</div>
             </td>
             <td>
               <div class="p4">酒桶</div>
             	<div class="p4">古拉加斯</div>
             </td>
             <td>
               <div class="p4">众星之子</div>
             	<div class="p4">索拉卡</div>
             </td>
             <td>
               <div class="p4">暗裔剑魔</div>
             	<div class="p4">亚托克斯</div>
             </td>
             <td>
               <div class="p4">盲僧</div>
             	<div class="p4">李青</div>
             </td>
             <td>
               <div class="p4">雷霆咆哮</div>
             	<div class="p4">沃利贝尔</div>
             </td>
             <td>
               <div class="p4">暗影之拳</div>
             	<div class="p4">阿卡丽</div>
             </td>           		
           </tr>
                         <tr>
      <td style="padding:4px;"><img src="1.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="2.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="3.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="4.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="5.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="6.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="7.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
           </tr>
           <tr>
             <td>
               <div class="p4">冰霜女巫</div>
             	<div class="p4">丽桑卓</div>
             </td>
             <td>
               <div class="p4">酒桶</div>
             	<div class="p4">古拉加斯</div>
             </td>
             <td>
               <div class="p4">众星之子</div>
             	<div class="p4">索拉卡</div>
             </td>
             <td>
               <div class="p4">暗裔剑魔</div>
             	<div class="p4">亚托克斯</div>
             </td>
             <td>
               <div class="p4">盲僧</div>
             	<div class="p4">李青</div>
             </td>
             <td>
               <div class="p4">雷霆咆哮</div>
             	<div class="p4">沃利贝尔</div>
             </td>
             <td>
               <div class="p4">暗影之拳</div>
             	<div class="p4">阿卡丽</div>
             </td>           		
           </tr>
                         <tr>
      <td style="padding:4px;"><img src="1.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="2.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="3.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="4.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="5.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="6.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="7.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
           </tr>
           <tr>
             <td>
               <div class="p4">冰霜女巫</div>
             	<div class="p4">丽桑卓</div>
             </td>
             <td>
               <div class="p4">酒桶</div>
             	<div class="p4">古拉加斯</div>
             </td>
             <td>
               <div class="p4">众星之子</div>
             	<div class="p4">索拉卡</div>
             </td>
             <td>
               <div class="p4">暗裔剑魔</div>
             	<div class="p4">亚托克斯</div>
             </td>
             <td>
               <div class="p4">盲僧</div>
             	<div class="p4">李青</div>
             </td>
             <td>
               <div class="p4">雷霆咆哮</div>
             	<div class="p4">沃利贝尔</div>
             </td>
             <td>
               <div class="p4">暗影之拳</div>
             	<div class="p4">阿卡丽</div>
             </td>           		
           </tr>
                         <tr>
      <td style="padding:4px;"><img src="1.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="2.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="3.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="4.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="5.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="6.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
      <td style="padding:4px;"><img src="7.jpg" style="border:#666666 solid;border-width:thin;" width="50px" height="50px"></td>
           </tr>
           <tr>
             <td>
               <div class="p4">冰霜女巫</div>
             	<div class="p4">丽桑卓</div>
             </td>
             <td>
               <div class="p4">酒桶</div>
             	<div class="p4">古拉加斯</div>
             </td>
             <td>
               <div class="p4">众星之子</div>
             	<div class="p4">索拉卡</div>
             </td>
             <td>
               <div class="p4">暗裔剑魔</div>
             	<div class="p4">亚托克斯</div>
             </td>
             <td>
               <div class="p4">盲僧</div>
             	<div class="p4">李青</div>
             </td>
             <td>
               <div class="p4">雷霆咆哮</div>
             	<div class="p4">沃利贝尔</div>
             </td>
             <td>
               <div class="p4">暗影之拳</div>
             	<div class="p4">阿卡丽</div>
             </td>           		
           </tr>
          
         </table>
       </div>
   </div>
   
</body>
</html>
<style>
 
	.box{
  		width:800px;height:550px;
  		background-color:#333333;
	}
  .left{
    float:left;
    margin:10px;
    width:300px;height:500px;
    background-color:#11141B;
    color:white;
  }
  .right{
    float:right;
    margin:10px 20px 0px 10px;
    width:450px;height:540px;
    background-color:#11141B;
    color:white;
  	}
   .t1{
		margin:10px;
	}
  .t2{
	font:"宋体" bold;
		color: #F4F4F4;
		text-align:center;
		font-size:15px;
		margin:10px;
		margin-bottom:15;
  }
  .t3{
   margin-top:5px;
	margin-left:6px;
  }
  .p1{  
		font:10px "宋体";
		color:#F4F4F4;
		 margin-left:10px;
		margin-right:20px;
 	 }
  .p2{
    font:10px bold;
    color:#FF9100;
    margin-left:20px;
  }
  .p3{
		font-size:10px;
     margin-left:10px;
		margin-right:15px;
  }
  .p4{
    font-size:3px;
    text-align:center;
    color:#FF9100;
  }

</style>

							






答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2018-06-05 交作业!
飞翔的企鹅



交一波作业吧!
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>英雄谁来争!</title>
	</head>
	<!-- 1440*900-->
	<style>
		body{
			background-color: #2B2B2B;
		}
		div.div1{
			background-color: #030303;
			width: 330px;
			height: 750px;
			
		}
		a.p1{
			color: white;
			font-size: 10px;
		}
	    a.a2{
	    	color: #FFB90F;
	    	font-size: 13px;
			text-align: center;
	    }
		p.p1{
			color: white;
			font-size: 20px;
			text-align: center;
		}
		p.p2{
			color: #FFB90F;
			
		}
		table.table1{
			text-align: left;
			
		}
		table.table2{
			background-color: black;
			text-align: center;
		}
		td.td1{
			width: 140px;
		}
		img.img1{
			margin: 5px auto;
            width: 95px;
            display: block;
            padding: 2px;
            border: 1px dotted #aaa;
		}
		div.div2{
			background-color: #4D4D4D;
			width: 310px;
			height: 100%;
		}
		span.font{
			font-size: 20px;
			align-content: center;
			color: white;
		}
	</style>
	<body>
		<div class="div1">
			<table class="table1">
				<tr>
					<td class="td1"><p class="p1">英雄资料</p></td>
				</tr>
				<tr>
					<td class="td1"><input type="checkbox"/><a class="p1">坦克</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">法师</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">刺客</a></td>
				</tr>
				<tr>
					<td class="td1"><input type="checkbox"/><a class="p1">辅助</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">新手</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">近战</a></td>
				</tr>
				<tr>
					<td class="td1"><input type="checkbox"/><a class="p1">远程</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">推进</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">打野</a></td>
				</tr>
				<tr>
					<td class="td1"><input type="checkbox"/><a class="p1">后期</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">潜行</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">战士</a></td>
				</tr>
				<tr>
					<td class="td1"><p class="p2">英雄价格:</p></td>
				</tr>
				<tr>
					<td class="td1"><input type="checkbox"/><a class="p1">6300</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">4800</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">3150</a></td>
				</tr>
				<tr>
					<td class="td1"><input type="checkbox"/><a class="p1">1350</a>p</td>
					<td class="td1"><input type="checkbox"/><a class="p1">450</a></td>
				</tr>
				<tr>
					<td class="td1"><p class="p1">物品资料</p></td>
				</tr>
				<tr>
					<td class="td1"><input type="checkbox"/><a class="p1">生命值</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">攻击速度</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">护甲穿透</a></td>
				</tr>
				<tr>
					<td class="td1"><input type="checkbox"/><a class="p1">暴击</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">法术穿透</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">魔法抗性</a></td>
				</tr>
				<tr>
					<td class="td1"><input type="checkbox"/><a class="p1">法术伤害</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">物理伤害</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">消耗品</a></td>
				</tr>
				<tr>
					<td class="td1"><input type="checkbox"/><a class="p1">韧性</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">法力值</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">生命偷取</a></td>
				</tr>
				<tr>
					<td class="td1"><input type="checkbox"/><a class="p1">冷却缩减</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">生命回复</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">附魔</a></td>
				</tr>
				<tr>
					<td class="td1"><input type="checkbox"/><a class="p1">法力回复</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">法术吸血</a></td>
					<td class="td1"><input type="checkbox"/><a class="p1">移动速度</a></td>
				</tr>
				<tr>
					<td class="td1"><input type="checkbox"/><a class="p1">护甲值</a></td>
				</tr>
				<tr>
					<td class="td1"><p class="p1">符文资料</p></td>
				</tr>
			</table>
		</div>
		<div style="  position: absolute; left:380px; top:8px">
			<table class="table2">
				<tr>
					<td class="td1"><img src="img/0.jpg" class="img1"/><a class="a2">沙漠死神 <br/>内瑟斯</a></td>
					<td class="td1"><img src="img/1.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/2.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/3.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/7.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/5.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/6.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
				</tr>
				<tr>
					<td class="td1"><img src="img/8.jpg" class="img1"/><a class="a2">沙漠死神 <br/>内瑟斯</a></td>
					<td class="td1"><img src="img/9.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/10.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/11.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/12.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/13.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/14.jpg" class="img1"/><br/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
				</tr>
				<tr>
					<td class="td1"><img src="img/4.jpg" class="img1"/><a class="a2">沙漠死神 <br/>内瑟斯</a></td>
					<td class="td1"><img src="img/15.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/16.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/17.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/18.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/19.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/20.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
				</tr>
				<tr>
					<td class="td1"><img src="img/21.jpg" class="img1"/><a class="a2">沙漠死神 <br/>内瑟斯</a></td>
					<td class="td1"><img src="img/22.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/23.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/24.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/25.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/26.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/27.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
				</tr>
				<tr>
					<td class="td1"><img src="img/28.jpg" class="img1"/><a class="a2">沙漠死神 <br/>内瑟斯</a></td>
					<td class="td1"><img src="img/29.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/30.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/37.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/32.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/33.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
					<td class="td1"><img src="img/34.jpg" class="img1"/><a class="a2">冰霜女巫 <br/>丽桑卓</a></td>
				</tr>
			</table>
		</div>
	</body>
</html>

							






答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2018-06-04 作业2
2018-05-17 站长给的答案,显示错位。uc和360都是,兼容性不太好。
2018-05-17 花了一天,终于做出来了
2018-03-01 交作业 哈哈
2018-03-01 交作业练习..
2018-01-14 交作业!
2018-01-14 交作业!
2017-12-21 交作业
2017-11-25 可以使用表格嵌套,更方便的排版。
2017-11-25 在ie及edge中部分图片无法显示
2017-11-22 交作业咯!
2017-10-20 交个作业!~
2017-07-23 答案显示得有问题,那个布局。
2017-05-25 chrome显示问题
2017-04-15 关于水平居中的问题
2016-06-22 大神。跪求答案
2016-06-16 假如能把练习的答案发下就好了




提问之前请登陆
关于 前端部分-CSS-综合性练习2 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 620943819
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: http://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图