老师，帮忙查看一下！
来源：3-2 项目作业
好狗边上飘314
2019-10-11 16:50:09
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>3-2作业</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
a{
text-decoration:none;
color:#000;
}
header{
width:100%;
height:60px;
background:#5880f9;
}
header > div{
width:auto;
margin:0 auto;
padding-top:10px;
}
td > img{
width:40px;
height:40px;
}
footer{
width:100%;
height:60px;
background:#5880f9;
}
footer p{
width:100%;
line-height:60px;
text-align:center;
color:#000;
}
.aside p{
position:relative;
top:-130px;
left:10px;
}
.strong{
font-weight:bold;
}
</style>
</head>
<body>
<!-- 页头 -->
<thead>
<header>
<div><img src="img/logo.png"></div>
</header>
</thead>
<!-- 主体 -->
<tbody>
<table border="1px" width="100%" >
<tr>
<!-- 侧边栏 -->
<td width="12%" class="aside">
<p><a href="#">商品管理</a></p><br/>
<p><a href="#">评价管理</a></p><br/>
<p><a href="#">咨询管理</a></p><br/><br/>
<p class="strong"><a href="#">全部订单</a></p><br/>
<p><a href="#">已完成订单</a></p><br/>
<p><a href="#">待处理订单</a></p><br/>
<p><a href="#">今日物流</a></p><br/><br/>
<p><a href="#">月考核</a></p><br/>
<p><a href="#">季度考核</a></p><br/>
<p><a href="#">年度考核</a></p>
</td>
<!-- 主页 -->
<td width="88%">
<table height="50px"><tr><td><p>全部订单</p></td></tr></table>
<hr/color="gray">
<table height="50px"><tr><td>查询：<input type="Date" name="Date">至<input type="Date" name="Date"></td></tr></table>
<table border="1px" width="100%" frame="hsides">
<tr><!--第一行-->
<td colspan="2" height="54px">宝贝信息</td>
<td>订单数量</td>
<td>单价</td>
<td>买家</td>
<td>下单时间</td>
<td>实付款</td>
<td>订单操作</td>
</tr>
<tr><!--第二行-->
<td><img src="img/txue.png"></td>
<td>2019新款个性男女潮牌imooc慕春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr><!--第三行-->
<td><img src="img/xie.jpg"></td>
<td>2019新款个性男女潮牌imooc慕春之行运动鞋</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr><!--第四行-->
<td><img src="img/txue.png"></td>
<td>2019新款个性男女潮牌imooc慕春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr><!--第五行-->
<td><img src="img/xie.jpg"></td>
<td>2019新款个性男女潮牌imooc慕春之行运动鞋</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr><!--第六行-->
<td><img src="img/txue.png"></td>
<td>2019新款个性男女潮牌imooc慕春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr><!--第七行-->
<td><img src="img/xie.jpg"></td>
<td>2019新款个性男女潮牌imooc慕春之行运动鞋</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr><!--第八行-->
<td><img src="img/txue.png"></td>
<td>2019新款个性男女潮牌imooc慕春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr><!--第九行-->
<td><img src="img/xie.jpg"></td>
<td>2019新款个性男女潮牌imooc慕春之行运动鞋</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr><!--第十行-->
<td><img src="img/txue.png"></td>
<td>2019新款个性男女潮牌imooc慕春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr><!--第十一行-->
<td><img src="img/xie.jpg"></td>
<td>2019新款个性男女潮牌imooc慕春之行运动鞋</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr><!--第十二行-->
<td><img src="img/txue.png"></td>
<td>2019新款个性男女潮牌imooc慕春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr><!--第十三行-->
<td><img src="img/txue.png"></td>
<td>2019新款个性男女潮牌imooc慕春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>未发货</td>
</tr>
</table>
</td>
</tr>
</table>
</tbody>
<!-- 页尾 -->
<tfoot>
<footer>
<p>2019-9-21 ©imooc.com</p>
</footer>
</tfoot>
</body>
</html>PS:最终效果边框的样式没有达到效果图中的样子，还请老师帮忙查看一下！
写回答
1回答
-
好帮手慕言
2019-10-11
同学你好，项目作业完成之后，可以上传作业。
批复作业的老师会针对同学上传的作业给出详细的指导和修改建议的哦。
如果帮助到了你，欢迎采纳~祝学习愉快~
0
