HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。
![]()
问答区域
2021-01-23
兄弟们可以看看
回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
2020-11-05
辣鸡答案,提供个表格的
1 个答案
Learner_Leo 跳转到问题位置 答案时间:2021-01-19 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>LOL</title>
<style>
#div{
background-color: dimgrey;
width: 1000px;
height: 800px;
text-align: center;
}
#div1{
background-color: black;
width: 30%;
height: 90%;
margin-top: 10px;
float: left;
}
#div2{
background-color: black;
width: 65%;
height: 790px;
float: right;
margin-right: 20px;
margin-top: 10px;
}
a{
color: white;
}
span{
margin: 10px;
}
#pr{
color: orange;
float: left;
margin-left: 10px;
}
#t1{
color: white;
}
img{
width: 70px;
height: 70px;
margin-left: 10px;
margin-top: 20px;
}
.tp{
top: 10px;
margin: 0;
}
table{
color: white;
width: 100%;
}
td{
text-align: center;
height: 40px;
}
</style>
</head>
<body style="position: absolute;width: 100%;">
<div id="div">
<div id="div1">
<p id="t1">
英雄资料
</p>
<div>
<span><input type="checkbox"> <a class="a">坦克</a></span>
<span><input type="checkbox"> <a class="a">法师</a></span>
<span><input type="checkbox"> <a class="a">刺客</a></span>
</div>
<div>
<span><input type="checkbox"> <a class="a">坦克</a></span>
<span><input type="checkbox"> <a class="a">法师</a></span>
<span><input type="checkbox"> <a class="a">刺客</a></span>
</div>
<div>
<span><input type="checkbox"> <a class="a">坦克</a></span>
<span><input type="checkbox"> <a class="a">法师</a></span>
<span><input type="checkbox"> <a class="a">刺客</a></span>
</div>
<div>
<span><input type="checkbox"> <a class="a">坦克</a></span>
<span><input type="checkbox"> <a class="a">法师</a></span>
<span><input type="checkbox"> <a class="a">刺客</a></span>
</div>
<p id="pr">英雄价格</p>
<hr style="width: 90%">
<div>
<span><input type="checkbox"> <a class="a">6300</a></span>
<span><input type="checkbox"> <a class="a">4800</a></span>
<span><input type="checkbox"> <a class="a">3150</a></span>
</div>
<div>
<span><input type="checkbox"> <a class="a">6300</a></span>
<span><input type="checkbox"> <a class="a">4800</a></span>
</div>
<p style="font-size: large; color: white; margin-top: 20px; margin-bottom: 20px">物品资料</p>
<table style="text-align: center">
<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><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>
</tr>
</table>
<p style="margin: 20px; color: white; font-size: larger">符文资料</p>
</div>
<div id="div2">
<table>
<tr>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
</tr>
<tr>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
</tr>
<tr>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
</tr>
<tr>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
</tr>
<tr>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
<td>
<img src="imgs/1.jpg">
<p class="tp">牛头酋长</p>
<p class="tp">阿里斯他</p>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
2020-09-21
代码简洁,还原度良好
2020-08-26
mark
2020-08-14
垃圾答案,不过还是做出来了粗制滥造!!!
提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 33 条以前的提问,请 点击查看
提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
|