请教个问题，为什么用css无法调整table中图片的大小
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3-2 项目作业</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<table class="main" cellspacing="0">
<!-- 表头 -->
<thead>
<tr class="header">
<td colspan="2"><img src="img/logo.png"></td>
</tr>
</thead>
<!-- 主体 -->
<tbody>
<tr>
<!-- 左侧 -->
<td class="left" valign="top">
<br>
<p>商品管理</p><br>
<p>评价管理</p><br>
<p>咨询管理</p><br><br>
<h3>全部订单</h3><br>
<p>已完成订单</p><br>
<p>待处理订单</p><br>
<p>今日物流</p><br><br>
<p>月考核</p><br>
<p>季度考核</p><br>
<p>年度考核</p>
</td>
<!-- 右侧 -->
<td class="right">
<!-- 全部订单 -->
<table class="top">
<tr>
<td>全部订单</td>
</tr>
</table>
<!-- 时间查询 -->
<table class="middle">
<tr>
<td>
<form>
查询：<input type="date" name="date"> 至 <input type="date" name="date">
</form>
</td>
</tr>
</table>
<!-- 订单列表 -->
<table class="bottom" cellspacing="0">
<!-- 第一行 -->
<tr>
<th colspan="2" class="noleft">宝贝信息</th>
<th>订单数量</th>
<th>单价</th>
<th>买家</th>
<th>下单时间</th>
<th>实付款</th>
<th>订单操作</th>
</tr>
<!-- 第二行 -->
<tr>
<td class="noleft"><img src="img/txue.png" width="50px" height="50px"></td>
<td>2019新款个性男女潮牌immoc暮春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<!-- 第三行 -->
<tr>
<td class="noleft"><img src="img/xie.jpg" width="50px" height="50px"></td>
<td>2019新款个性男女潮牌immoc暮春之行运动鞋</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<!-- 第四行 -->
<tr>
<td class="noleft"><img src="img/txue.png" width="50px" height="50px"></td>
<td>2019新款个性男女潮牌immoc暮春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<!-- 第五行 -->
<tr>
<td class="noleft"><img src="img/xie.jpg" width="50px" height="50px"></td>
<td>2019新款个性男女潮牌immoc暮春之行运动鞋</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<!-- 第六行 -->
<tr>
<td class="noleft"><img src="img/txue.png" width="50px" height="50px"></td>
<td>2019新款个性男女潮牌immoc暮春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<!-- 第七行 -->
<tr>
<td class="noleft"><img src="img/xie.jpg" width="50px" height="50px"></td>
<td>2019新款个性男女潮牌immoc暮春之行运动鞋</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<!-- 第八行 -->
<tr>
<td class="noleft"><img src="img/txue.png" width="50px" height="50px"></td>
<td>2019新款个性男女潮牌immoc暮春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<!-- 第九行 -->
<tr>
<td class="noleft"><img src="img/xie.jpg" width="50px" height="50px"></td>
<td>2019新款个性男女潮牌immoc暮春之行运动鞋</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<!-- 第十行 -->
<tr>
<td class="noleft"><img src="img/txue.png" width="50px" height="50px"></td>
<td>2019新款个性男女潮牌immoc暮春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<!-- 第十一行 -->
<tr>
<td class="noleft"><img src="img/xie.jpg" width="50px" height="50px"></td>
<td>2019新款个性男女潮牌immoc暮春之行运动鞋</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<!-- 第十二行 -->
<tr>
<td class="noleft"><img src="img/txue.png" width="50px" height="50px"></td>
<td>2019新款个性男女潮牌immoc暮春之行文化衫</td>
<td>2</td>
<td>120</td>
<td>小明</td>
<td>2019-2-21 21:54</td>
<td>240</td>
<td>待付款</td>
</tr>
<!-- 第十三行 -->
<tr class="nobottom">
<td class="noleft"><img src="img/txue.png" width="50px" height="50px"></td>
<td>2019新款个性男女潮牌immoc暮春之行文化衫</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>
</tbody>
<!-- 页脚 -->
<tfoot>
<tr>
<td colspan="2">2019-9-21 ©imooc.com</td>
</tr>
</tfoot>
</table>
</body>
</html>
<!-- 以下是css -->
*{
margin: 0;
padding: 0;
}
.main{
width: 100%;
border-collapse: none;
background: rgb(22,155,213);
}
/*表头*/
.main thead .header{
width: 100%;
}
.main > thead .header td{
height: 60px;
}
.main > thead .header > img{
line-height: 60px;
}
/*主体*/
.main tbody{
width: 100%;
background: #fff;
}
/*主体左侧12%*/
.main tbody > tr > .left{
width: 12%;
border-left: 2px solid #ececec;
}
/*主体右侧88%*/
.main tbody > tr > .right{
width: 88%;
border:5px solid #ececec;
}
/*全部订单*/
.main tbody > tr > .right > .top{
height: 55px;
width: 100%;
border-bottom: 5px solid #ececec;
}
/*时间查询*/
.main tbody > tr > .right > .middle{
height: 55px;
width: 100%;
border-bottom: 5px solid #ececec;
}
/*商品信息*/
.bottom{
width: 100%;
text-align: center;
border: none;
}
.bottom tr td{
border-bottom: 2px solid #ececec;
border-left: 2px solid #ececec;
height: 54px;
}
/*最后一行的单元格没有底部边栏*/
.bottom .nobottom td{
border-bottom: 0;
}
/*每行的左边没有左侧边栏*/
.bottom tr .noleft{
border-left: none;
}
/*第一行标题*/
.bottom tr th{
border-bottom: 2px solid #ececec;
border-left: 2px solid #ececec;
height: 50px;
}
/*第一行标题没有左侧边栏*/
.bottom tr .noleft{
border-left: none;
}
/*页脚*/
.main tfoot{
width: 100%;
}
.main tfoot tr td{
height: 60px;
text-align: center;
}2
收起
正在回答 回答被采纳积分+1
2回答
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星