老师,我想问一下1.我的页脚部分css为什么没有用。2.我注释掉的css代码应该怎样写呢?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0; padding:0; font:12px "微软雅黑"; } table{ width:100%; } /*thead部分*/ thead>tr>td{ width:100% ; height: 60px; background-color: #abcdef; } /*tbody部分*/ /*左侧*/ tbody>table>tr>td:first-child{ width:12%; } p{ margin:10px; padding-top:0; } h5{margin-left:10px;font-weight:bold;} /*右侧*/ tbody>table>tr>td:last-child{ width:88%; } .indent,.time{ width:100%; height:50px; } .first{ height:50px; } /*tbody>table>tr>td:nth-child(2)>table:nth-child(3)>tr:nth-child(n+2){ height:54px; }*/ /*tbody>table>tr>td:nth-child(2)>table:nth-child(3)>tr:nth-child(n+2)>td:first-child>img{ width:40px; height:50px; }*/ .pic{ width:40px; height:50px; } /*tfoot*/ tfoot>tr>td{ width:100%; height:60px; background-color:#abcdef; } </style> </head> <body> <table > <thead> <!--头部--> <tr> <td> <img src="img/logo.png" /> </td> </tr> </thead> <!--主体--> <tbody> <table > <tr> <!--左侧--> <td> <p>商品管理</p> <p>评价管理</p> <p>咨询管理</p><br /><br /> <h5>全部订单</h5> <p>已完成订单</p> <p>待处理订单</p> <p>今日物流</p><br /><br /> <p>月考核</p> <p>季度考核</p> <p>年度考核</p> </td> <!--右侧--> <td> <!--全部订单--> <table > <tr> <td class="indent">全部订单</td> </tr> </table > <!--查询部分--> <table > <tr> <td class="time">查询:<input type="date">至<input type="date"></td> </tr> </table> <!--订单列表--> <table > <tr class="first"> <td colspan="2">宝贝信息</td> <td>订单数量</td> <td>单价</td> <td>买家</td> <td>下单时间</td> <td>实付款</td> <td>订单操作</td> </tr> <tr> <td><img src="img/txue.png" class="pic" /></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" class="pic"></td> <td>2019新款个性女潮牌imooc暮春之行运动鞋</td> <td>2</td> <td>120</td> <td>小红</td> <td>2019-2-21 14:50</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="img/txue.png" class="pic" /></td> <td>2019新款个性女潮牌imooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>小红</td> <td>2019-2-21 14:50</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="img/xie.jpg" class="pic" /></td> <td>2019新款个性女潮牌imooc暮春之行运动鞋</td> <td>2</td> <td>120</td> <td>小红</td> <td>2019-2-21 14:50</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="img/txue.png" class="pic" /></td> <td>2019新款个性女潮牌imooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>小红</td> <td>2019-2-21 14:50</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="img/xie.jpg" class="pic" /></td> <td>2019新款个性女潮牌imooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>小红</td> <td>2019-2-21 14:50</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="img/txue.png" class="pic" /></td> <td>2019新款个性女潮牌imooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>小红</td> <td>2019-2-21 14:50</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="img/xie.jpg" class="pic" /></td> <td>2019新款个性女潮牌imooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>小红</td> <td>2019-2-21 14:50</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="img/txue.png" class="pic" /></td> <td>2019新款个性女潮牌imooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>小红</td> <td>2019-2-21 14:50</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="img/xie.jpg" class="pic" /></td> <td>2019新款个性女潮牌imooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>小红</td> <td>2019-2-21 14:50</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="img/txue.png" class="pic" /></td> <td>2019新款个性女潮牌imooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>小红</td> <td>2019-2-21 14:50</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="img/xie.jpg" class="pic" /></td> <td>2019新款个性女潮牌imooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>小红</td> <td>2019-2-21 14:50</td> <td>240</td> <td>未发货</td> </tr> </table> </td> </tr> </table> </tbody> <!--页脚--> <tfoot> <tr> <td>2019-9-21©imooc.com</td> </tr> </tfoot> </table> </body> </html>
1
收起
正在回答
2回答
同学你好,1、图片的是指你的第二个注释哦,不是第一个。
2、第二个设置tr的高度,是指如下这部分吗?
若是这部分的话,第一个行是有类的,我们可以选中这个类,然后根据这个类,来找它的兄弟元素tr(可以使用~,选中兄弟元素哦),例:
希望能帮助到你,祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星