css表格

对于新学者来说 css简直是最难记最麻烦的 布局真的好难 一直忘记

今天写表格的时候table、thead、tbody，每个的宽度高度弄得我迷迷糊糊，不知道怎么弄，来梳理一下。

对此我准备写下一篇博客来加深记忆！

表格边框

border属性

table, th, td {
  border: 1px solid black;
}

以上代码 效果为双边框

合并表格边框

border-collapse

table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
}

表格宽度和高度

table第一层

thead第二层

    <table>
        <thead>
            <tr>
                <th>姓名</th>
                <th>科目</th>
                <th>成绩</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>

        </tbody>
    </table>

table最外层，th继承table的宽度

table {
  width: 100%;
}

th {
  height: 50px;
}