使用thead、tfoot、 tbody制作一个表格
网站建设 2021-07-02 22:42www.dzhlxh.cn网站建设
还有人很变态地用这三个标签做出标题能跟随表格，或者tbody固定高度，走出自动出现滚动条的功能。
<title>thead、tfoot 以及 tbody标签</title>
<table border="1">
<thead>
<tr>
<th>科目</th>
<th>分数</th>
</tr>
</thead>
<tbody>
<tr>
<td>语文</td>
<td>99</td>
</tr>
<tr>
<td>数学</td>
<td>60</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>总分</td>
<td>159</td>
</tr>
</tfoot>
</table>
复制代码
代码如下:<title>thead、tfoot 以及 tbody标签</title>
<table border="1">
<thead>
<tr>
<th>科目</th>
<th>分数</th>
</tr>
</thead>
<tbody>
<tr>
<td>语文</td>
<td>99</td>
</tr>
<tr>
<td>数学</td>
<td>60</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>总分</td>
<td>159</td>
</tr>
</tfoot>
</table>
上一篇：文字滚动后自动停止效果示例
下一篇：html meta用法示例介绍