做完，通配的外边距，但做完表格中与上线始终有间隙
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<table class="main">
<thead><tr><td><img src="images/logo.png"></td></tr></thead>
<tbody>
<tr>
<td>
<table class="nmain">
<tr>
<td class="tl">
<p>商品管理</p>
<p>评价管理</p>
<p>咨询管理</p>
<br>
<br>
<p><b>全部订单</b></p>
<p>已完成订单</p>
<p>待处理订单</p>
<p>今日物流</p>
<br>
<br>
<p>月考核</p>
<p>季度考核</p>
<p>年度考核</p>
</td>
<td class="tr">
<table class="t1" cellspacing="0"><tr><td>全部订单</td></tr></table>
<table class="t2" cellspacing="0"><tr><td>查询：<input type="date"> 至 <input type="date"></td></tr></table>
<table class="t3" cellspacing="0">
<tr class="tdt">
<td colspan="2">全部宝贝</td>
<!-- <td></td> -->
<td>订单数量</td>
<td>单价</td>
<td>买家</td>
<td>下单时间</td>
<td>实付款</td>
<td>订单操作</td>
</tr>
<tr>
<td class="tim"><img src="images/txue.png"></td>
<td>2019新款个性男女潮牌imooc慕春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-12 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<tr>
<td class="tim"><img src="images/xie.jpg"></td>
<td>2019新款</td>
<td>2</td>
<td>120</td>
<td>小李子</td>
<td>2019-2-12 09：11</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td class="tim"><img src="images/txue.png"></td>
<td>2019新款</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-12 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<tr>
<td class="tim"><img src="images/xie.jpg"></td>
<td>2019新款</td>
<td>2</td>
<td>120</td>
<td>小李子</td>
<td>2019-2-12 09：11</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td class="tim"><img src="images/txue.png"></td>
<td>2019新款</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-12 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<tr>
<td class="tim"><img src="images/xie.jpg"></td>
<td>2019新款</td>
<td>2</td>
<td>120</td>
<td>小李子</td>
<td>2019-2-12 09：11</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td class="tim"><img src="images/txue.png"></td>
<td>2019新款</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-12 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<tr>
<td class="tim"><img src="images/xie.jpg"></td>
<td>2019新款</td>
<td>2</td>
<td>120</td>
<td>小李子</td>
<td>2019-2-12 09：11</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td class="tim"><img src="images/txue.png"></td>
<td>2019新款</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-12 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<tr>
<td class="tim"><img src="images/xie.jpg"></td>
<td>2019新款</td>
<td>2</td>
<td>120</td>
<td>小李子</td>
<td>2019-2-12 09：11</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td class="tim"><img src="images/txue.png"></td>
<td>2019新款</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-12 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<tr>
<td class="tim"><img src="images/xie.jpg"></td>
<td>2019新款</td>
<td>2</td>
<td>120</td>
<td>小李子</td>
<td>2019-2-12 09：11</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td class="tim"><img src="images/txue.png"></td>
<td>2019新款</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-12 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<tr>
<td class="tim"><img src="images/xie.jpg"></td>
<td>2019新款</td>
<td>2</td>
<td>120</td>
<td>小李子</td>
<td>2019-2-12 09：11</td>
<td>240</td>
<td>未发货</td>
</tr>
<tr>
<td class="tim"><img src="images/txue.png"></td>
<td>2019新款</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-12 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
<tfoot><tr><td>2019-12-12 © imooc.com</td></tr></tfoot>
</table>
</body>
</html>
*{margin:0;padding: 0;}
.main{width: 100%;}
/*头*/
thead{background: #169bd5;width: 100%;height: 60px;}
/*中*/
tbody .tl{width: 12%;vertical-align: top}
tbody .tl p{margin:10px 10px;}
tbody .tr{width: 88%;}
tbody .nmain{width: 100%;}
tbody .nmain .tr{vertical-align: top;}
/*中右边*/
.t1{width: 100%;height: 50px;line-height: 50px;padding-left: 10px;border-top: 3px #7c7c7c solid;border-left: 3px #7c7c7c solid;border-right: 3px #7c7c7c solid;}
.t2{width: 100%;height: 50px;line-height: 50px;padding-left: 10px;border-top: 3px #7c7c7c solid;border-left: 3px #7c7c7c solid;border-right: 3px #7c7c7c solid;}
.t3{width: 100%;border: 2px #7c7c7c solid;}
.t3 .tdt td{height: 50px;line-height: 50px;text-align: center;border: 2px #7c7c7c solid;}
.t3 td{height: 54px;line-height: 50px;text-align: center;border: 2px #7c7c7c solid;}
/*图*/
.tim img{width: 50px;height: 50px;display: inline;line-height: 50px;vertical-align: middle;}
/*脚*/
tfoot{width: 100%;height:60px;background: #169bd5;line-height: 60px;text-align: center;}
正在回答
同学你好，是指如下这里的？
是一样的，给下面的表格设置cellspacing属性就可以了，例：
如果我的回答帮助了你，欢迎采纳，祝学习愉快~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星