how2j.cn

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

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



步骤 1 :

练习效果图

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


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


问答区域    
2021-01-23 兄弟们可以看看
lizui




完成了
加载中
<!DOCTYPE html>
<head>
    <title>综合练习2</title>
    <meta charset="utf-8">
</head>
<body>
    <div class="all">
        <div class="left">
            
            <table class="ta1">
                <tr>
                    <td colspan="3" style="text-align: center;"><p>英雄资料</p></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 class="td2" colspan="3"><p></p>英雄价格:<p></p></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&nbsp&nbsp</td>

                </tr>
                <tr>
                    <td colspan="3" style="text-align: center;"><p>物品资料</p></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>
                    <td><input type="checkbox">法术吸血</td>
                    <td><input type="checkbox">移动速度</td>
                </tr>
                <tr>
                    <td><input type="checkbox">护甲值</td>
                    
                </tr>
                <tr>
                    <td colspan="3" style="text-align: center;"><p>符文资料</p></td>
                </tr>

            </table>
            

            

        </div>
        <div class="right">
            <table>
                <tr>
                    <td ><img src="./img/0.jpg"></td>
                    <td><img src="./img/1.jpg"></td>
                    <td><img src="./img/2.jpg"></td>
                    <td><img src="./img/3.jpg"></td>
                    <td><img src="./img/4.jpg"></td>
                    <td><img src="./img/5.jpg"></td>
                    <td><img src="./img/6.jpg"></td>
                </tr>
                <tr>
                    <td>沙漠死神<p>内瑟斯</p></td>
                    <td></td>
                    <td>酒桶<p>古拉加斯</p></td>
                </tr>
                <tr>
                    <td><img src="./img/7.jpg"></td>
                    <td><img src="./img/8.jpg"></td>
                    <td><img src="./img/9.jpg"></td>
                    <td><img src="./img/10.jpg"></td>
                    <td><img src="./img/11.jpg"></td>
                    <td><img src="./img/12.jpg"></td>
                    <td><img src="./img/13.jpg"></td>
                </tr>
                <tr>
                    <td>沙漠死神<p>内瑟斯</p></td>
                    <td></td>
                    <td>酒桶<p>古拉加斯</p></td>
                </tr>
                <tr>
                    <td><img src="./img/14.jpg"></td>
                    <td><img src="./img/15.jpg"></td>
                    <td><img src="./img/16.jpg"></td>
                    <td><img src="./img/17.jpg"></td>
                    <td><img src="./img/18.jpg"></td>
                    <td><img src="./img/19.jpg"></td>
                    <td><img src="./img/20.jpg"></td>
                </tr>
                <tr>
                    <td>沙漠死神<p>内瑟斯</p></td>
                    <td></td>
                    <td>酒桶<p>古拉加斯</p></td>
                </tr>
                <tr>
                    <td><img src="./img/21.jpg"></td>
                    <td><img src="./img/22.jpg"></td>
                    <td><img src="./img/23.jpg"></td>
                    <td><img src="./img/24.jpg"></td>
                    <td><img src="./img/25.jpg"></td>
                    <td><img src="./img/26.jpg"></td>
                    <td><img src="./img/27.jpg"></td>
                </tr>
                <tr>
                    <td>沙漠死神<p>内瑟斯</p></td>
                    <td></td>
                    <td>酒桶<p>古拉加斯</p></td>
                </tr>
                <tr>
                    <td><img src="./img/28.jpg"></td>
                    <td><img src="./img/29.jpg"></td>
                    <td><img src="./img/30.jpg"></td>
                    <td><img src="./img/31.jpg"></td>
                    <td><img src="./img/32.jpg"></td>
                    <td><img src="./img/33.jpg"></td>
                    <td><img src="./img/34.jpg"></td>
                </tr>
                <tr>
                    <td>沙漠死神<p>内瑟斯</p></td>
                    <td>酒桶<p>古拉加斯</p></td>
                    <td>酒桶<p>古拉加斯</p></td>
                    <td>酒桶<p>古拉加斯</p></td>
                    <td>酒桶<p>古拉加斯</p></td>
                    <td>酒桶<p>古拉加斯</p></td>
                    <td>酒桶<p>古拉加斯</p></td>
                </tr>




            </table>
            

        </div>
    </div>
</body>
<style type="text/css">
.all{
    width:800px;
    height: 600px;
    background-color:darkgrey;
}
.left{
    color: white;
    width: 32%;
    float: left;
}
.right{
    
    margin-left: 35%;
    background-color:black;
    color:rgb(228, 195, 11);
    overflow: hidden;
    margin-right: 20px;
    text-align: center;
    height: 600px;
    font-size: 5px;
    


}
img{
    width: auto;
    height: 50px;
    border: 1px solid slategrey;
    margin: 7.5px;
}
.ta1{
    width: 100%;
    font-size: 15px;
    text-align: left;
    
    margin-top: 0px;
    border: 1px;
    margin-right: 10px;
    background-color:black;
}
.td2{
    color: yellow;
    border-bottom: 1px dotted gray;
    text-align: left;
    
}



</style>

							





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





2020-11-05 辣鸡答案,提供个表格的
MeteorChen




答案写的也太烂了吧,提供一种用table和div实现的
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<style>
    .table1 {}

    .tr {
        background-color: #11141B;
        border-top-color: #11141B;
    }

    div.gold {

        color: #FF9100;
        text-align: center;;
        font-size: 10px;
    }

    div.gold1 {
        color: #FF9100;
        text-align: left;
        font-size: 10px;
        font-style: bold;
    }

    div.fond {

        background-color: #333333;
        width: 800px;
        height: 550px;
    }

    div.boldwhite {

        font: "宋体"bold;
        color: #F4F4F4;
        text-align: center;
        font-size: 15px;
        margin: 10px;
        margin-bottom: 15;

    }

    .white {
        font: "宋体";
        font-size: 10px;
        color: #F4F4F4;
        margin-top: 5px;
        margin-bottom: 5px;

    }

    div.dark {
        background-color: #11141B;
    }

    .floatleft {

        float: left;

    }

    span.option {
        margin-right: 15px;
        font-size: 10px;
    }

    .hero {
        border: #666666 solid;
        border-width: thin;
        width: 60;
        height: 60;
    }

    td div{
        margin-left: 5px;
    }

</style>

<div class="fond">
    <div style="padding-bottom:20px;" class="dark floatleft">
        <div class="boldwhite">
            英雄资料
        </div>

        <div style="margin-left:10px" class="white ">
            <span class="option"><input type="checkbox"> 坦克 </span>
            <span class="option"><input type="checkbox"> 法师 </span>
            <span class="option"><input type="checkbox"> 刺客 </span>
        </div>
        <div style="margin-left:10px" class="white ">
            <span class="option"><input type="checkbox"> 辅助 </span>
            <span class="option"><input type="checkbox"> 新手 </span>
            <span class="option"><input type="checkbox"> 近战 </span>
        </div>
        <div style="margin-left:10px" class="white ">
            <span class="option"><input type="checkbox"> 远程 </span>
            <span class="option"><input type="checkbox"> 推进 </span>
            <span class="option"><input type="checkbox"> 打野 </span>
        </div>
        <div style="margin-left:10px" class="white ">
            <span class="option"><input type="checkbox"> 后期 </span>
            <span class="option"><input type="checkbox"> 潜行 </span>
            <span class="option"><input type="checkbox"> 战士 </span>
        </div>

        <div style="margin-top:15px;margin-left:15px" class="gold1"><strong>英雄价格:</strong></div>
        <div
            style="border-top-style:dashed; border-color:#666666;border-width:1; margin-bottom:10px; 			        margin-top: 10px">
        </div>
        <div style="margin-left:10px" class="white ">
            <span class="option"><input type="checkbox"> 6300 </span>
            <span class="option"><input type="checkbox"> 4800 </span>
            <span class="option"><input type="checkbox"> 3150 </span>
        </div>
        <div style="margin-left:10px" class="white ">
            <span class="option"><input type="checkbox"> 1350 </span>
            <span class="option"><input type="checkbox"> 450 </span>
        </div>
        <div style="margin-top:20px;margin-bottom:20px" class="boldwhite">
            物品资料
        </div>
        <table class="white">
            <tr>
                <td class="option"><input type="checkbox"> 生命值 </td>
                <td style="margin-left:-10px" class="option"><input type="checkbox"> 攻击速度 </td>
                <td style="margin-left:-20px" class="option"><input type="checkbox"> 护甲穿透 </td>
            </tr>
            <tr>
                <td class="option"><input type="checkbox"> 暴击 </td>
                <td class="option"><input type="checkbox"> 法术穿透 </td>
                <td style="margin-left:-20px" class="option"><input type="checkbox"> 魔法抗性 </td>
            </tr>
            <tr>
                <td class="option"><input type="checkbox"> 法术伤害 </td>
                <td style="margin-left:-20px" class="option"><input type="checkbox"> 物理伤害 </td>
                <td style="margin-left:-20px" class="option"><input type="checkbox"> 消耗品 </td>
            </tr>
            <tr>
                <td class="option"><input type="checkbox"> 韧性 </td>
                <td class="option"><input type="checkbox"> 法力值 </td>
                <td style="margin-left:-10px" class="option"><input type="checkbox"> 生命偷取 </td>
            </tr>
            <tr>
                <td class="option"><input type="checkbox"> 冷却缩减 </td>
                <td style="margin-left:-20px" class="option"><input type="checkbox"> 生命回复 </td>
                <td style="margin-left:-20px" class="option"><input type="checkbox"> 附魔 </td>
            </tr>
            <tr>
                <td class="option"><input type="checkbox"> 法力回复 </td>
                <td style="margin-left:-20px" class="option"><input type="checkbox"> 法术吸血 </td>
                <td style="margin-left:-20px" class="option"><input type="checkbox"> 移动速度 </td>
            </tr>
            <tr>
                <td class="option"><input type="checkbox"> 护甲值 </td>
            </tr>
        </table>

        <div style="margin-top:25px" class="boldwhite">
            符文资料
        </div>


    </div>
    <table style="background-color:#11141B; margin-right:5px;" class="table1">
        <tr>
            <td>
                <div>
                    <img class="hero" src="0.jpg" />
                    <div class="gold">牛头酋长</div>
                    <div class="gold">阿里斯塔</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="1.jpg" />
                    <div class="gold">钢铁大侠</div>
                    <div class="gold">波比</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="2.jpg" />
                    <div class="gold">殇之木乃伊</div>
                    <div class="gold">阿木木</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="3.jpg" />
                    <div class="gold">冰晶凤凰</div>
                    <div class="gold">艾尼维亚</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="4.jpg" />
                    <div class="gold">黑暗之女</div>
                    <div class="gold">安妮</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="5.jpg" />
                    <div class="gold">寒冰猎手</div>
                    <div class="gold">艾希</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="6.jpg" />
                    <div class="gold">蒸汽机机器人</div>
                    <div class="gold">布里茨</div>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div>
                    <img class="hero" src="0.jpg" />
                    <div class="gold">牛头酋长</div>
                    <div class="gold">阿里斯塔</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="1.jpg" />
                    <div class="gold">钢铁大侠</div>
                    <div class="gold">波比</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="2.jpg" />
                    <div class="gold">殇之木乃伊</div>
                    <div class="gold">阿木木</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="3.jpg" />
                    <div class="gold">冰晶凤凰</div>
                    <div class="gold">艾尼维亚</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="4.jpg" />
                    <div class="gold">黑暗之女</div>
                    <div class="gold">安妮</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="5.jpg" />
                    <div class="gold">寒冰猎手</div>
                    <div class="gold">艾希</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="6.jpg" />
                    <div class="gold">蒸汽机机器人</div>
                    <div class="gold">布里茨</div>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div>
                    <img class="hero" src="0.jpg" />
                    <div class="gold">牛头酋长</div>
                    <div class="gold">阿里斯塔</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="1.jpg" />
                    <div class="gold">钢铁大侠</div>
                    <div class="gold">波比</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="2.jpg" />
                    <div class="gold">殇之木乃伊</div>
                    <div class="gold">阿木木</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="3.jpg" />
                    <div class="gold">冰晶凤凰</div>
                    <div class="gold">艾尼维亚</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="4.jpg" />
                    <div class="gold">黑暗之女</div>
                    <div class="gold">安妮</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="5.jpg" />
                    <div class="gold">寒冰猎手</div>
                    <div class="gold">艾希</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="6.jpg" />
                    <div class="gold">蒸汽机机器人</div>
                    <div class="gold">布里茨</div>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div>
                    <img class="hero" src="0.jpg" />
                    <div class="gold">牛头酋长</div>
                    <div class="gold">阿里斯塔</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="1.jpg" />
                    <div class="gold">钢铁大侠</div>
                    <div class="gold">波比</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="2.jpg" />
                    <div class="gold">殇之木乃伊</div>
                    <div class="gold">阿木木</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="3.jpg" />
                    <div class="gold">冰晶凤凰</div>
                    <div class="gold">艾尼维亚</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="4.jpg" />
                    <div class="gold">黑暗之女</div>
                    <div class="gold">安妮</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="5.jpg" />
                    <div class="gold">寒冰猎手</div>
                    <div class="gold">艾希</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="6.jpg" />
                    <div class="gold">蒸汽机机器人</div>
                    <div class="gold">布里茨</div>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div>
                    <img class="hero" src="0.jpg" />
                    <div class="gold">牛头酋长</div>
                    <div class="gold">阿里斯塔</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="1.jpg" />
                    <div class="gold">钢铁大侠</div>
                    <div class="gold">波比</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="2.jpg" />
                    <div class="gold">殇之木乃伊</div>
                    <div class="gold">阿木木</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="3.jpg" />
                    <div class="gold">冰晶凤凰</div>
                    <div class="gold">艾尼维亚</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="4.jpg" />
                    <div class="gold">黑暗之女</div>
                    <div class="gold">安妮</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="5.jpg" />
                    <div class="gold">寒冰猎手</div>
                    <div class="gold">艾希</div>
                </div>
            </td>
            <td>
                <div>
                    <img class="hero" src="6.jpg" />
                    <div class="gold">蒸汽机机器人</div>
                    <div class="gold">布里茨</div>
                </div>
            </td>
        </tr>
        
    </table>
</div>
</div>

							


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 条以前的提问,请 点击查看

提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 前端部分-CSS-综合性练习2 的提问

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

上传截图