为了账号安全,请及时绑定邮箱和手机立即绑定

用css为表格加边框,我不懂问什么要这样写》

原:

<!doctype html>
<html>
    <head>
        <mate http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>为表格添加边框</title>
        <style type="text/css">
            table tr td,th{
                border:1px solid #000;
            }
        </style>
    </head>
    <body>
        <table>
            <tr>
                <th>班级</th>
                <th>人数级</th>
                <th>成绩</th>
            </tr>
            <tr>
                <td>一班</td>
                <td>32</td>
                <td>80</td>
            </tr>
             <tr>
                <td>二班</td>
                <td>32</td>
                <td>80</td>
            </tr>
             <tr>
                <td>三班</td>
                <td>32</td>
                <td>80</td>
            </tr>
        </table>
    </body>
    不懂:为什么table tr td,th{} 之间问什么叫逗号?

     table tr td,th{
                border:1px solid #000;
            }


正在回答

8 回答

问题解决的时候麻烦采纳一下,否则你的问题会一直置顶,让别人难做呐!

0 回复 有任何疑惑可以回复我~

table(表格) 这个表格中含有tr=table row(行)。

tr这一行中带有td=table date(一行的数据)和th=table head(头部)——显示效果:粗体居中。

所以td 跟 th 属于同级并排关系。

之所以td 和 th 加逗号 也就是 td,th 就是为了区分他们的级别。




3 回复 有任何疑惑可以回复我~

为了看层次分明

1 回复 有任何疑惑可以回复我~

表头单元格 - 包含表头信息(由 th 元素创建)

标准单元格 - 包含数据(由 td 元素创建)

td和th可以分开写

  table tr td{
                border:1px solid #000;
            }

  table tr th{
                border:1px solid #000;
            }

因为二者定义参数一样,因此可以合在一起写,用“”隔开。

2 回复 有任何疑惑可以回复我~
#1

慕粉3439952 提问者

之前是有点懂,现在看了你说的,是完全懂了,非常非常非常感谢大神
2016-10-27 回复 有任何疑惑可以回复我~

非常感谢你们,现在懂了。

0 回复 有任何疑惑可以回复我~

逗号表示多选, table tr选择到table所有的后代tr, 然后用table tr td,th多选 tr 的后代 td 和 th, 对它们设置边框

1 回复 有任何疑惑可以回复我~

table里面含有tr,tr中带有td和th,从中可以看出tr与td是父子关系,td和th是同辈关系,所以tr td之间是空格,但td, th之间是逗号了。

1 回复 有任何疑惑可以回复我~

好像是为了区分开标签吧

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

用css为表格加边框,我不懂问什么要这样写》

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信