设置border只显示了外边框.............内部没显示
来源：3-2 项目作业
bao_
2020-02-21 16:36:15
<!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;
}写回答
4回答
-
同学你好，css样式中，table是一个选择器 ，它只选中了table标签，所以只会给table设置样式。而在table标签设置设置border,border是一个属性，它是给整个表格应用了边框样式。固定记住就行。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0 -
bao_
提问者
2020-02-21
为什么一个普通的table里面整个几行几列的单元格。在table上面。设置一个边框等于1。单元格为什么会有边框呢？这个table设置边框。为什么单元格没有呢？我不太明白这个
0 -
好帮手慕夭夭
2020-02-21
同学你好，建议你把合并单元格去掉去页面看看效果就明白了。给td设置单元格，那么每一个单元格四周都会有边框，相邻的单元格会产生两条边框，合并单元格只是把两个单元格紧挨着的边框合并成一条。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0h020-02-21 -
好帮手慕夭夭
2020-02-21
同学你好，在css样式中只看到了给table标签设置了边框，所以只要表格最外层的table会有边框样式，内容的单元格需要单独设置，参考如下：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0h020-02-21
相似问题