设置border只显示了外边框.............内部没显示

设置border只显示了外边框.............内部没显示

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!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&copy;imooc.com</td>
            </tr>
        </tfoot>
    </table>
</body>
</html>











1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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;
}
bao_ 2020-02-21
源自：项目：H5布局   3-2 项目作业
19
收起

正在回答

登陆购买课程后可参与讨论，去登陆吧

4回答
好帮手慕夭夭 回答被采纳获得+3积分 2020-02-22 09:52:37

同学你好，css样式中，table是一个选择器 ，它只选中了table标签，所以只会给table设置样式。而在table标签设置设置border,border是一个属性，它是给整个表格应用了边框样式。固定记住就行。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

0
收起回答
提问者 bao_ 2020-02-21 19:50:09

为什么一个普通的table里面整个几行几列的单元格。在table上面。设置一个边框等于1。单元格为什么会有边框呢？这个table设置边框。为什么单元格没有呢？我不太明白这个

0
收起回答
好帮手慕夭夭 2020-02-21 19:39:18

同学你好，建议你把合并单元格去掉去页面看看效果就明白了。给td设置单元格，那么每一个单元格四周都会有边框，相邻的单元格会产生两条边框，合并单元格只是把两个单元格紧挨着的边框合并成一条。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

0
收起回答
  • 提问者 bao_ #1
    外面的table设置边框为什么单元格也有呀？
    2020-02-21 19:51:01
好帮手慕夭夭 2020-02-21 18:31:47

同学你好，在css样式中只看到了给table标签设置了边框，所以只要表格最外层的table会有边框样式，内容的单元格需要单独设置，参考如下：

http://img1.sycdn.imooc.com//climg/5e4fb18d0999706205580162.jpg

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

0
收起回答
  • 提问者 bao_ #1
    我不太明白 为什么给table设置border还得给单元格设置内个合并单元格那个属性是怎么用
    2020-02-21 18:51:52
问题已解决，确定采纳
还有疑问，暂不采纳

恭喜解决一个难题，获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

为什么这样写图片不会从边框开始显示？
0 0 3
老师 想请问下为什么盒子有高度和宽度时可以只设置一条边框 盒子没有时就显示不出来呢
17 0 8
如果用frame设置左外边框显示，那么不管border设置是5还是10，是不是都默认显示1
25 0 6
高度为0px，为什么底边框还能显示出来？
19 0 3
css无法设置表格里面的边框
3 0 5

登录后可查看更多问答，登录/注册

1.前端零基础入门
  • 参与学习           人
  • 提交作业       8403    份
  • 解答问题       40143    个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

了解课程

本课精华内容

问答 作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

 帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

 公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码，添加
你的专属老师
插入代码