how2j.cn

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

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



步骤 1 :

练习效果图

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


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


问答区域    
2019-10-22 交作业
空白丨旋律




交作业
<html>
<style>
body{
display:block;
background:rgb(125,125,125);
width:500px;
height:500px;
font-family: 黑体;
}
div.left{
background:black;
width:240px;
height:550px;

}
div.left table{
color:white;
font-size:50%;
}
.aa{

}
.ab{
border-bottom-style:dashed;
border-bottom-color:gray;
color:orange;

}
.ac{

}
.ad{
font-size:20px;

}

div.left td{padding:3px;
}

</style>
<body>
<div class="left">
<table>
<tr align="center">
<td class="aa" colspan="3" style="font-size:90%"><font size="+1">英雄资料<br></font></td><br>
</tr>
<tr>
<td><input type="checkbox">坦克</td>
<td><input type="checkbox">法师</td>
<td><input type="checkbox">刺客</td>
</tr>
<tr>
<td><input type="checkbox">辅助</td>
<td><input type="checkbox">新手</td>
<td><input type="checkbox">近战</td>
</tr>
<tr>
<td><input type="checkbox">远程</td>
<td><input type="checkbox">推进</td>
<td><input type="checkbox">打野</td>
</tr>
<tr>
<td><input type="checkbox">后期</td>
<td><input type="checkbox">潜行</td>
<td><input type="checkbox">战士</td>
</tr>
<tr >
<td class="ab" colspan="3">英雄价格:<br><br></td>
</tr>
<tr>
<td><input type="checkbox">6300</td>
<td><input type="checkbox">4800</td>
<td><input type="checkbox">3150</td>
</tr>
<tr>
<td><input type="checkbox">1350</td>
<td><input type="checkbox">450<br><br></td>
</tr>
<tr align="center">
<td class="ac" colspan="3"><font size="+1">物品资料<br></font></td>
</tr>
<td><input type="checkbox">生命值</td>
<td><input type="checkbox">攻击速度</td>
<td><input type="checkbox">护甲穿透</td>
</tr>
<td><input type="checkbox">暴击</td>
<td><input type="checkbox">法术穿透</td>
<td><input type="checkbox">魔法抗性</td>
</tr>
<td><input type="checkbox">法术伤害</td>
<td><input type="checkbox">物理伤害</td>
<td><input type="checkbox">消耗品</td>
</tr>
<td><input type="checkbox">韧性</td>
<td><input type="checkbox">法力值</td>
<td><input type="checkbox">生命偷取</td>
</tr>
<td><input type="checkbox">冷却缩减</td>
<td><input type="checkbox">生命回复</td>
<td><input type="checkbox">附魔</td>
</tr>
<td><input type="checkbox">法力回复</td>
<td><input type="checkbox">法术吸血</td>
<td><input type="checkbox">移动速度</td>
</tr>
<td><input type="checkbox">护甲值<br><br></td>
</tr>
<tr align="center" >
<td class="ad" colspan="3">符文资料</td>
</tr>

</table>

</div>

<style>
div.right{
background:black;
position:absolute;
top:10px;
left:260px;
}
div.right table{
font-size:5px;
color:white;
}
div.right td{
padding:8px;
color:orange;
text-align:center;
}
img{
width:60px;
height:60px;
border-style:solid;
border-color:gray;
border-width:thin;
}
</style>

<div class="right">
<table>
<tr>
<td><img src="file://E:/编程素材/imgs/a1.jpg"></td>
<td><img src="file://E:/编程素材/imgs/a2.jpg"></td>
<td><img src="file://E:/编程素材/imgs/a3.jpg"></td>
<td><img src="file://E:/编程素材/imgs/a4.jpg"></td>
<td><img src="file://E:/编程素材/imgs/a5.jpg"></td>
<td><img src="file://E:/编程素材/imgs/a6.jpg"></td>
<td><img src="file://E:/编程素材/imgs/a7.jpg"></td>
</tr>
<tr>
<td>牛头酋长<br>阿利斯塔</td>
<td>钢铁大使<br>波比</td>
<td>殇之木乃伊<br>阿木木</td>
<td>冰晶凤凰<br>艾尼维亚</td>
<td>黑暗之女<br>安妮</td>
<td>寒冰猎手<br>艾希</td>
<td>蒸汽机器人<br>布里茨</td>
</tr>
<tr>
<td><img  src="file://E:/编程素材/imgs/a8.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a9.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a10.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a11.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a12.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a13.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a14.jpg"></td>
</tr>
<tr>
<td>虚空恐惧<br>科加斯</td>
<td>英勇投弹手<br>库奇</td>
<td>祖安狂人<br>蒙多医生</td>
<td>寡妇制造者<br>伊芙琳</td>
<td>末日使者<br>费德提克</td>
<td>海洋之灾<br>普朗克</td>
<td>酒桶<br>古拉加斯</td>
</tr>
<tr>
<td><img  src="file://E:/编程素材/imgs/a15.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a16.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a17.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a18.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a19.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a20.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a21.jpg"></td>
</tr>
<tr>
<td>大发明家<br>黑默丁格</td>
<td>风暴之怒<br>迦娜</td>
<td>武器大师<br>贾克斯</td>
<td>死亡颂唱者<br>卡尔萨斯</td>
<td>虚空行者<br>卡萨丁</td>
<td>不祥之刃<br>卡特琳娜</td>
<td>审判天使<br>凯尔</td>
</tr>
<tr>
<td><img  src="file://E:/编程素材/imgs/a22.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a23.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a24.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a25.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a26.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a27.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a28.jpg"></td>
</tr>
<tr>
<td>熔岩巨兽<br>墨菲特</td>
<td>无极剑圣<br>易</td>
<td>堕落天使<br>莫甘娜</td>
<td>沙漠死神<br>内瑟斯</td>
<td>狂野女猎手<br>奈德丽</td>
<td>雪人骑士<br>努努</td>
<td>战争之王<br>潘森</td>
</tr>
<tr>
<td><img  src="file://E:/编程素材/imgs/a29.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a30.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a31.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a32.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a33.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a34.jpg"></td>
<td><img  src="file://E:/编程素材/imgs/a35.jpg"></td>
</tr>
<tr>
<td>披甲龙龟<br>拉莫斯</td>
<td>流浪法师<br>瑞兹</td>
<td>恶魔小丑<br>萨科</td>
<td>炼金术士<br>辛吉德</td>
<td>亡灵勇士<br>赛恩</td>
<td>战争女神<br>希维尔</td>
<td>众星之子<br>索拉卡</td>
</tr>
</table>
</div>
</body>
</html>

							


1 个答案

havana
答案时间:2019-11-07



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2019-10-17 交作业
woshijavadaniu

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>test2</title> </head> <body> <style> #big{ background-color:DimGray; width:910px; height:950px; } #left{ background-color:black; width:24%; margin-top:5px; margin-left:5px; margin-right:10px; margin-bottom:70px; padding-left:15px; padding-right:15px; float:left; color:white; } #right{ background-color:black; width:66%; margin-top:5px; margin-left:0px; margin-right:10px; margin-bottom:70px; padding-left:15px; padding-right:15px; float:right; color:orange; } span{ margin-right:15px; height:20px; } img{ width:80px; border-style:solid; border-width:1px; border-color:gray; } .left-text{ text-align:center; margin-bottom:30px; margin-top:30px; } #dot_line{ border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:gray; padding-bottom:10px; margin-bottom:10px; margin-top:30px; } .text-align{ text-align:center; font-size:15px; } </style> <div id="big"> <div id="left"> <div class="left-text"><h3>英雄资料</h3></div> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="法师" >法师</span> <span><input type="checkbox" value="坦克" >坦克</span><p></p> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span><p></p> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span><p></p> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span><p></p> <p></p> <div id="dot_line"><font color="orange"><p></p>英雄价格:</font></div> <p></p> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="法师" >法师</span> <span><input type="checkbox" value="坦克" >坦克</span><p></p> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span><p></p> <div class="left-text"><h3>物品资料</h3></div> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="法师" >法师</span> <span><input type="checkbox" value="坦克" >坦克</span><p></p> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span><p></p> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span><p></p> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span><p></p> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span><p></p> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span> <span><input type="checkbox" value="坦克" >坦克</span><p></p> <span><input type="checkbox" value="坦克" >坦克</span> <p></p> <div class="left-text"><h3>符文资料</h3></div> </div> <div id="right"> <table> <tr> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> </tr> <tr> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> </tr> <tr> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> </tr> <tr> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> </tr> <tr> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> <td> <img src="imgs2/1.jpg"/> <div class="text-align"> <br/>牛头酋长 <p>阿斯利塔</p> </div> </td> </tr> </table> </div> </div> </body>







回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到




2019-10-16 交作业,分别尝试用了两种方法编写
2019-10-10 交作业
2019-09-24 我用的QQ浏览器,一直有少数乱码,浏览器编码方式设置成的UTF-8,还是不知道怎么回事
2019-08-27 练习
2019-07-25 交作业
2019-07-23 ZZ交作业 CSS-综合性练习2
2019-07-22
2019-07-04 最新作业
2019-05-31 作业
2019-05-29 提交作业
2019-05-15 作业
2019-03-30 交作业啦啦
2019-03-23 交作业
2019-03-06 提交作业
2019-02-28 案发沙发
2019-01-24 太丑了 哈哈哈哈
2019-01-12 交作业 查英雄名字看的眼花
2019-01-12 交作业 查英雄名字看的眼花
2019-01-08 交作业
2019-01-01 丑陋的一批
2018-12-13 作业2
2018-12-05 交代码
2018-12-05 终于做的和答案效果差不多了
2018-11-28 交作业
2018-11-15 交作业
2018-11-12 交作业
2018-09-30 练习2提问
2018-09-30 练习2提问
2018-08-28 每次都是预先设置宽度
2018-08-26 左边用的table,右边全是div
2018-08-13 交作业
2018-08-03 交个作业
2018-06-25 参考了一下自己写的
2018-06-05 交作业!
2018-06-04 作业2
2018-05-17 站长给的答案,显示错位。uc和360都是,兼容性不太好。
2018-05-17 花了一天,终于做出来了
2018-03-01 交作业 哈哈
2018-03-01 交作业练习..
2018-01-14 交作业!
2018-01-14 交作业!