老师，帮我看一下为什么单元格边框一直设置无效
来源：3-2 项目作业
未来it界的一枚程序媛
2020-01-22 20:42:25
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>H5项目作业</title>
<link rel="stylesheet" type="text/css" href="css/h5css.css">
</head>
<body>
<!-- 网页 -->
<table class="page" cellspacing="0">
<thead>
<!-- 头部 -->
<tr>
<!-- logo -->
<td colspan="2">
<img src="img/logo.png">
</td>
</tr>
</thead>
<tbody>
<!-- 主体 -->
<tr>
<!-- 左侧 -->
<td class="left">
<div>
<ul>
<li>商品管理</li>
<li>评价管理</li>
<li>咨询管理</li>
</ul>
<br><br><br>
<ul>
<li class="bold">全部订单</li>
<li>已完成订单</li>
<li>待处理订单</li>
<li>今日物流</li>
</ul>
<br><br><br>
<ul>
<li>月考核</li>
<li>季度考核</li>
<li>年度考核</li>
</ul>
</div>
</td>
<!-- 右侧 -->
<td class="right">
<!-- 全部订单 -->
<table class="total">
<tr><td>全部订单</td></tr>
</table>
<!-- 查询订单时间 -->
<table class="data">
<tr>
<td>
<form>
查询：
<input type="data" name="data"/>至<input type="data" name="data">
</form>
</td>
</tr>
</table>
<!-- 订单列表 -->
<table class="sale">
<tr>
<th colspan="2">宝贝信息</th>
<th>订单数量</th>
<th>单价</th>
<th>买家</th>
<th>下单时间</th>
<th>实付款</th>
<th>订单操作</th>
</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 19：04</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 16：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 14：30</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 14：30</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 14：30</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 14：30</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 14：30</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 14：30</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 14：30</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 14：30</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 14：30</td>
<td>240</td>
<td>未发货</td>
</tr>
</table>
</td>
</tr>
</tbody>
<tfoot>
<!-- 页脚 -->
<tr>
<td colspan="2">2019-9-21 ©imooc.com</td>
</tr>
</tfoot>
</table>
</body>
</html>
*{margin: 0;padding: 0;}
.page{width: 100%;}
thead > tr > td{width: 100%;height: 60px;background-color: #169bd5;}
thead > tr > td > img{display: block;width: 150px;}
/* 左侧 */
tbody > tr > .left{width: 12%;border: 1px solid #888;position: absolute;}
tbody > tr > .left > div{top: 50px;}
tbody > tr > .left > div > ul{list-style: none;line-height: 30px;display: block;}
tbody > tr > .left > div:last-of-type{padding:15px 0 360px 20px;}
tbody > tr > .left > div > ul > .bold{font-weight: bold;}
/* 右侧 */
tbody > tr > .right{width: 88%;border: 2px solid #888;}
tbody > tr > .right > .total,tbody > tr > .right > .data{height: 50px;}
tbody > tr > .right > .sale{text-align: center;/* border: 1px solid #888; */}
tbody > tr > .right > .sale > tr{height: 54px;}
tbody > tr > .right > .sale > tr > td{border: 1px solid #888;}
img{width: 50px;height: 50px;}
/* 页脚 */
tfoot > tr > td{width: 100%;height: 60px;background-color: #169bd5;text-align: center;}
3回答
-
好帮手慕慕子
2020-01-23
同学你好， 能够自己发现并找到错误很棒，培养了自己独立解决问题的能力
作业完成后可以提交作业，批作业的老师会针对你的作业给出详细的修改建议，并整理成文档，发送给同学，便于同学查看。
祝学习愉快~
0 -
未来it界的一枚程序媛
提问者
2020-01-22
老师date那个错误也找到了，属性把date写成data了
0 -
未来it界的一枚程序媛
提问者
2020-01-22
老师，单元格的边框解决了，就是那个input的data属性我为什么我在谷歌浏览器中看不生效
0
相似问题