设置border只显示了外边框.............内部没显示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>3-2Project practice</title> <link rel="stylesheet" href="./css/style.css" type="text/css"> <link rel="stylesheet" href="./css/index.css" type="text/css"> </head> <body> <table cellspacing="0" cellpadding="0" class="Big_content"> <thead> <tr> <td colspan="2" ><img src="./img/logo.png" alt="imooc"></td> </tr> </thead> <tbody> <tr> <td> <table cellspacing="0" cellpadding="0"> <tr> <td width="12%"> <p>商品管理</p> <p>评价管理</p> <p>咨询管理</p> <p>全部订单</p> <p>已完成订单</p> <p>待处理订单</p> <p>今日物流</p> <p>月考核</p> <p>季度考核</p> <p>年度考核</p> </td> <td width="88%"> <table class="t_table"> <tr> <td>全部订单</td> </tr> </table> <table class="m_table"> <tr> <td>查询:<input type="date"/>至<input type="date" /></td> </tr> </table> <table class="b_table"> <tr> <td colspan="2">宝贝信息</td> <td>订单数量</td> <td>单价</td> <td>买家</td> <td>下单时间</td> <td>实付款</td> <td>订单操作</td> </tr> <tr> <td><img src="./img/txue.png"/></td> <td>2020新款个性男女潮牌iooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>魏璎珞</td> <td>2019-12-21 16:30</td> <td>240</td> <td>待付款</td> </tr> <tr> <td><img src="./img/xie.jpg"/></td> <td>2020新款个性男女潮牌iooc暮春之行运动鞋</td> <td>2</td> <td>120</td> <td>小苏</td> <td>2019-12-21 16:30</td> <td>240</td> <td>待付款</td> </tr> <tr> <td><img src="./img/txue.png"/></td> <td>2020新款个性男女潮牌iooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>小慕</td> <td>2019-12-21 12:25</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="./img/xie.jpg"/></td> <td>2020新款个性男女潮牌iooc暮春之行运动鞋</td> <td>2</td> <td>120</td> <td>小兰</td> <td>2019-12-21 16:30</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="./img/txue.png"/></td> <td>2020新款个性男女潮牌iooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>片片</td> <td>2019-12-21 14:30</td> <td>240</td> <td>待付款</td> </tr> <tr> <td><img src="./img/xie.jpg"/></td> <td>2020新款个性男女潮牌iooc暮春之行运动鞋</td> <td>2</td> <td>120</td> <td>小明</td> <td>2019-12-21 12:25</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="./img/txue.png"/></td> <td>2020新款个性男女潮牌iooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>小李子</td> <td>2019-12-21 14:30</td> <td>240</td> <td>待付款</td> </tr> <tr> <td><img src="./img/xie.jpg"/></td> <td>2020新款个性男女潮牌iooc暮春之行运动鞋</td> <td>2</td> <td>120</td> <td>小红</td> <td>2019-12-21 12:25</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="./img/txue.png"/></td> <td>2020新款个性男女潮牌iooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>可乐</td> <td>2019-12-21 16:20</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="./img/xie.jpg"/></td> <td>2020新款个性男女潮牌iooc暮春之行运动鞋</td> <td>2</td> <td>120</td> <td>魏明</td> <td>2019-12-21 14:30</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="./img/txue.png"/></td> <td>2020新款个性男女潮牌iooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>李晓雨</td> <td>2019-12-21 14:30</td> <td>240</td> <td>未发货</td> </tr> <tr> <td><img src="./img/txue.png"/></td> <td>2020新款个性男女潮牌iooc暮春之行文化衫</td> <td>2</td> <td>120</td> <td>艳艳</td> <td>2019-12-21 14:30</td> <td>240</td> <td>未发货</td> </tr> </table> </td> </tr> </table> </td> </tr> </tbody> <tfoot> <tr> <td colspan="2" align="center">2020-2-20©imooc.com</td> </tr> </tfoot> </table> </body> </html>
table {
width: 100%;
}
.Big_content thead tr td,
.Big_content tfoot tr td {
width: 100%;
height: 60px;
background: #169bd5;
}
.Big_content tbody img{
width: 52px;
height: 52px;
}
tbody > tr > td > table{
border: 2px solid #AAAAAA;
}
.m_table{
border-top: none;
border-bottom: none;
}
.b_table{
border: 2px solid #A33AAA;
}19
收起
正在回答
4回答
同学你好，css样式中，table是一个选择器 ，它只选中了table标签，所以只会给table设置样式。而在table标签设置设置border,border是一个属性，它是给整个表格应用了边框样式。固定记住就行。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星