how2j.cn

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

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



步骤 1 :

练习效果图

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


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


问答区域    
2019-07-04 最新作业
谁都不服舅服你



一开始设置的宽度太大,后期一改背景就布局就全乱了,所以加了两列
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<link rel="stylesheet" type="text/css" href="file:\\E:\project\CSS1\style.css">
<meta charset="utf-8">
<body>
<div class="bgcolor">
	<div style="background-color:#333333;">
	<div style="width: 25%;height : 92%; background-color: #11141b; float: left;">
		<p class = "title" style="padding: 30px 0 10px 0;">英雄资料</p>
		<div style="line-height: 1.5">
			<input  style="margin-left: 20px;" type="checkbox" value="tanke"><font class="font"> 坦克</font>
			<input style="margin-left: 20px;" type="checkbox" value="fashi"><font class="font"> 法师</font>	
			<input style="margin-left: 20px;" type="checkbox" value="daye"><font class="font"> 刺客</font>
			<br>
			<input  style="margin-left: 20px;" type="checkbox" value="fuzhu"><font class="font"> 辅助</font>
			<input style="margin-left: 20px;" type="checkbox" value="xinshou"><font class="font"> 新手</font>
			<input style="margin-left: 20px;" type="checkbox" value="jinzhan"><font class="font"> 近战</font>
			<br>
			<input  style="margin-left: 20px;" type="checkbox" value="yuancheng"><font class="font"> 远程</font>
			<input style="margin-left: 20px;" type="checkbox" value="tuijin"><font class="font"> 推进</font>	
			<input style="margin-left: 20px;" type="checkbox" value="daye"><font class="font"> 打野</font>
			<br>
			<input  style="margin-left: 20px;" type="checkbox" value="houqi"><font class="font"> 后期</font>
			<input style="margin-left: 20px;" type="checkbox" value="qianxing"><font class="font"> 潜行</font>
			<input style="margin-left: 20px;" type="checkbox" value="zhanshi"><font class="font"> 战士</font>
		</div>
		<p class="fontyellow" style="margin-left: 20px; padding-bottom: 8px; width: 85%;border-bottom: 1px dashed lightgrey;">英雄价格:</p>
		
			<input  style="margin-left: 20px;" type="checkbox" value="6300"><font class="font"> 6300</font>
			<input style="margin-left: 20px;" type="checkbox" value="4800"><font class="font"> 4800</font>
			<input style="margin-left: 20px;" type="checkbox" value="3150"><font class="font"> 3150</font>
			<br>
			<input  style="margin-left: 20px;" type="checkbox" value="1350"><font class="font"> 1350</font>
			<input style="margin-left: 20px;" type="checkbox" value="450"><font class="font"> 450</font>
		<p class="title">物品资料</p>
		<div style="line-height: 1.5">
			<input  style="margin-left: 20px;" type="checkbox" value="tanke"><font class="font"> 生命值</font>
			<input style="margin-left: 8px;" type="checkbox" value="fashi"><font class="font"> 攻击速度</font>	
			<input style="margin-left: 0px;" type="checkbox" value="daye"><font class="font"> 护甲穿透</font>
			<br>
			<input  style="margin-left: 20px;" type="checkbox" value="fuzhu"><font class="font"> 暴击</font>
			<input style="margin-left: 19px;" type="checkbox" value="xinshou"><font class="font"> 法术穿透</font>
			<input style="margin-left: 0px;" type="checkbox" value="jinzhan"><font class="font"> 魔法抗性</font>
			<br>
			<input  style="margin-left: 20px;" type="checkbox" value="yuancheng"><font class="font"> 法术伤害</font>
			<input style="margin-left: -4px;" type="checkbox" value="tuijin"><font class="font"> 物理伤害</font>	
			<input style="margin-left: 1px;" type="checkbox" value="daye"><font class="font"> 消耗品</font>
			<br>
			<input  style="margin-left: 20px;" type="checkbox" value="tanke"><font class="font"> 韧性</font>
			<input style="margin-left: 19px;" type="checkbox" value="fashi"><font class="font"> 法力值</font>	
			<input style="margin-left: 11px;" type="checkbox" value="daye"><font class="font"> 生命偷取</font>
			<br>
			<input  style="margin-left: 20px;" type="checkbox" value="fuzhu"><font class="font"> 冷却缩减</font>
			<input style="margin-left: -4px;" type="checkbox" value="xinshou"><font class="font"> 生命回复</font>
			<input style="margin-left: 1px;" type="checkbox" value="jinzhan"><font class="font"> 附魔</font>
			<br>
			<input  style="margin-left: 20px;" type="checkbox" value="yuancheng"><font class="font"> 法力回复</font>
			<input style="margin-left: -4px;" type="checkbox" value="tuijin"><font class="font"> 法术吸血</font>	
			<input style="margin-left: 1px;" type="checkbox" value="daye"><font class="font"> 移动速度</font>
			<br>
			<input  style="margin-left: 20px;" type="checkbox" value="yuancheng"><font class="font"> 护甲值</font>
		</div>
		<p class="title">符文资料</p>

	</div>

	
	<div style="margin-left: 265px; background-color: #11141b;width:70.5%;height: 100%">
		<table width="80%">
			<tr>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\0.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\0.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\0.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td>
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\1.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\2.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td>
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\3.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\4.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td>
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\1.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\6.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>

			</tr>

			<tr>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\0.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td>
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\1.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\0.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\0.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\2.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td>
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\3.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\4.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td>
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\1.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\6.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>

			</tr>

			<tr>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\0.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\0.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\0.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td>
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\1.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\2.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td>
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\3.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\4.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td>
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\1.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\6.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>

			</tr>

			<tr>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\0.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td>
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\1.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\0.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\0.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\2.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td>
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\3.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\4.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td>
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\1.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\6.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>

			</tr>

			<tr>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\0.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td>
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\1.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\2.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td>
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\3.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\4.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\0.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\0.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td>
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\1.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>
				<td >
					<img style="width: 60px;height: 60px;padding:5px;" src="E:\project\CSS1\6.jpg"><br/>
					<p class="fontyellowright">牛头酋长</p>
					<p class="fontyellowright1">阿利斯塔</p>
				</td>

			</tr>



		</table>
		
	</div>
	
	
</div>
</div>

</body>
</html>





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





2019-05-31 作业
漠0312



作业
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>人物选择</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="">
        <style>
            *{margin:0;padding:0;font-size: 12px;color:#b13035;}a{text-decoration:none;}li{list-style:none;}
            body{background:#333 url(imgs/1559293539721.jpg) no-repeat;background-size:cover;}
            .content{width:900px;margin:0 auto;    margin-top: 80px;}
            .content .left{float: left;width: 185px;margin-right: 25px;border: 2px solid #585858;padding: 15px 0px;background: #000;}
            .content .hero {text-align: center;font-size:16px;}
            .content form {padding:20px 0px;}
            .content form span {display: inline-block;text-align:justify;margin-left: 14px;margin-bottom:10px;width: 42px;height: 18px;
    overflow: hidden;}
            .content form .yxjg {padding: 0px 10px 20px;color: #ba8d00;}
            .content .right{float:left;width:657px;background:#000;padding-left: 7px; padding-top: 20px;border: 2px solid #585858;}
            .content .right li {width:60px;height:100px;overflow: hidden;float: left;text-align: center;padding:0px 6px;}
            .content .right li p {border:1px solid #4112ff;object-fit: cover;}
            .content .right li p:hover{border:1px solid red;}
            .content .right li p img {width:58px;}
            .content .right li span {color:#eb6b1c;line-height:30px;}
        </style>
    </head>
    <body>
        <div class="content">
            <div class="left">
                <div class="hero">英雄资料</div>
                <form action="">
                    <span><input type="checkbox" name="" id="">坦克</span>
                    <span><input type="checkbox" name="" id="">法师</span>
                    <span><input type="checkbox" name="" id="">刺客</span>
                    <span><input type="checkbox" name="" id="">辅助</span>
                    <span><input type="checkbox" name="" id="">新手</span>
                    <span><input type="checkbox" name="" id="">近战</span>
                    <p class="yxjg">英雄价格:(金币)</p>
                    <p style="border-bottom:1px dotted #666;    margin-bottom: 18px;"></p>
                    <span><input type="checkbox" name="" id="">6300</span>
                    <span><input type="checkbox" name="" id="">4800</span>
                    <span><input type="checkbox" name="" id="">3150</span>
                    <span><input type="checkbox" name="" id="">450</span>
                    <span><input type="checkbox" name="" id="">980</span>
                    <span><input type="checkbox" name="" id="">605</span>
                    <span><input type="checkbox" name="" id="">780</span>
                    <span><input type="checkbox" name="" id="">550</span>
                    <span><input type="checkbox" name="" id="">970</span>
                    <span><input type="checkbox" name="" id="">980</span>
                    <span><input type="checkbox" name="" id="">634</span>
                </form>
                <div class="hero">物品资料</div>
                <form action="">
                     <span><input type="checkbox" name="" id="">生命值</span>
                     <span><input type="checkbox" name="" id="">攻击速度</span>
                     <span><input type="checkbox" name="" id="">护甲穿透</span>
                     <span><input type="checkbox" name="" id="">暴击</span>
                     <span><input type="checkbox" name="" id="">法术穿透</span>
                     <span><input type="checkbox" name="" id="">魔法抗性</span>
                     <span><input type="checkbox" name="" id="">法术伤害</span>
                     <span><input type="checkbox" name="" id="">消耗品</span>
                     <span><input type="checkbox" name="" id="">韧性</span>
                     <span><input type="checkbox" name="" id="">法力值</span>
                     <span><input type="checkbox" name="" id="">生命偷取</span>
                     <span><input type="checkbox" name="" id="">冷却缩减</span>
                     <span><input type="checkbox" name="" id="">生命回复</span>
                     <span><input type="checkbox" name="" id="">附魔</span>
                     <span><input type="checkbox" name="" id="">法力回复</span>
                     <span><input type="checkbox" name="" id="">法术吸血</span>
                     <span><input type="checkbox" name="" id="">移动速度</span>
                     <span><input type="checkbox" name="" id="">护甲值</span>
                     <span><input type="checkbox" name="" id="">护甲值</span>
                    </form>
            </div>
            <div class="right">
                <ul>
                    <li><p><img src="imgs/0.jpg" alt=""></p><span>牛头酋长</span></li>
                    <li><p><img src="imgs/1.jpg" alt=""></p><span>阿里斯塔</span></li>
                    <li><p><img src="imgs/2.jpg" alt=""></p><span>钢铁大侠</span></li>
                    <li><p><img src="imgs/3.jpg" alt=""></p><span>寡妇制造者</span></li>
                    <li><p><img src="imgs/4.jpg" alt=""></p><span>伊芙琳</span></li>
                    <li><p><img src="imgs/5.jpg" alt=""></p><span>末日使者</span></li>
                    <li><p><img src="imgs/6.jpg" alt=""></p><span>费德提客</span></li>
                    <li><p><img src="imgs/7.jpg" alt=""></p><span>海洋之灾</span></li>
                    <li><p><img src="imgs/8.jpg" alt=""></p><span>普朗克</span></li>
                    <li><p><img src="imgs/9.jpg" alt=""></p><span>酒桶</span></li>
                    <li><p><img src="imgs/10.jpg" alt=""></p><span>古拉加斯</span></li>
                    <li><p><img src="imgs/11.jpg" alt=""></p><span>大发明家</span></li>
                    <li><p><img src="imgs/12.jpg" alt=""></p><span>黑默丁格</span></li>
                    <li><p><img src="imgs/13.jpg" alt=""></p><span>风暴之怒</span></li>
                    <li><p><img src="imgs/14.jpg" alt=""></p><span>迦娜</span></li>
                    <li><p><img src="imgs/15.jpg" alt=""></p><span>武器大师</span></li>
                    <li><p><img src="imgs/16.jpg" alt=""></p><span>贾克斯</span></li>
                    <li><p><img src="imgs/17.jpg" alt=""></p><span>死亡颂唱着</span></li>
                    <li><p><img src="imgs/18.jpg" alt=""></p><span>卡尔萨斯</span></li>
                    <li><p><img src="imgs/19.jpg" alt=""></p><span>虚空行者</span></li>
                    <li><p><img src="imgs/20.jpg" alt=""></p><span>堕落天使</span></li>
                    <li><p><img src="imgs/21.jpg" alt=""></p><span>莫甘娜</span></li>
                    <li><p><img src="imgs/22.jpg" alt=""></p><span>沙漠死神</span></li>
                    <li><p><img src="imgs/23.jpg" alt=""></p><span>内瑟斯</span></li>
                    <li><p><img src="imgs/24.jpg" alt=""></p><span>狂野女猎手</span></li>
                    <li><p><img src="imgs/25.jpg" alt=""></p><span>奈德丽</span></li>
                    <li><p><img src="imgs/26.jpg" alt=""></p><span>雪人骑士</span></li>
                    <li><p><img src="imgs/27.jpg" alt=""></p><span>努努</span></li>
                    <li><p><img src="imgs/28.jpg" alt=""></p><span>战争之王</span></li>
                    <li><p><img src="imgs/29.jpg" alt=""></p><span>潘森</span></li>
                    <li><p><img src="imgs/30.jpg" alt=""></p><span>牛头酋长</span></li>
                    <li><p><img src="imgs/31.jpg" alt=""></p><span>牛头酋长</span></li>
                    <li><p><img src="imgs/32.jpg" alt=""></p><span>牛头酋长</span></li>
                    <li><p><img src="imgs/33.jpg" alt=""></p><span>牛头酋长</span></li>
                    <li><p><img src="imgs/34.jpg" alt=""></p><span>牛头酋长</span></li>
                    <li><p><img src="imgs/35.jpg" alt=""></p><span>牛头酋长</span></li>
                    <li><p><img src="imgs/36.jpg" alt=""></p><span>牛头酋长</span></li>
                    <li><p><img src="imgs/37.jpg" alt=""></p><span>牛头酋长</span></li>
                    <li><p><img src="imgs/38.jpg" alt=""></p><span>牛头酋长</span></li>
                    <li><p><img src="imgs/39.jpg" alt=""></p><span>索拉卡</span></li>
                    <li><p><img src="imgs/40.jpg" alt=""></p><span>牛头酋长</span></li>
                    <li><p><img src="imgs/41.jpg" alt=""></p><span>披甲龙兔</span></li>
                    <li><p><img src="imgs/42.jpg" alt=""></p><span>拉莫斯</span></li>
                    <li><p><img src="imgs/43.jpg" alt=""></p><span>流浪法师</span></li>
                    <li><p><img src="imgs/44.jpg" alt=""></p><span>瑞兹</span></li>
                    <li><p><img src="imgs/45.jpg" alt=""></p><span>恶魔小丑</span></li>
                    <li><p><img src="imgs/46.jpg" alt=""></p><span>萨科</span></li>
                    <li><p><img src="imgs/47.jpg" alt=""></p><span>炼金术士</span></li>
                    <li><p><img src="imgs/48.jpg" alt=""></p><span>辛古德</span></li>
                    <li><p><img src="imgs/49.jpg" alt=""></p><span>亡灵勇士</span></li>
                    <li><p><img src="imgs/50.jpg" alt=""></p><span>塞恩</span></li>
                    <li><p><img src="imgs/51.jpg" alt=""></p><span>战争女神</span></li>
                    <li><p><img src="imgs/52.jpg" alt=""></p><span>希维尔</span></li>
                    <li><p><img src="imgs/53.jpg" alt=""></p><span>众星之子</span></li>

                </ul>
            </div>
        </div> 


    </body>
</html>

							


1 个答案

一只小菜鸟二世 答案时间:2019-07-12
是哦!还可以用表单和列表来完成界面啊!我咋没想到呢!被div设置参数搞得脑壳都炸了



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





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

上传截图