本文介绍了一个包含thead、tbody和tfoot元素的HTML表格示例。通过样式设置，不同部分以不同颜色显示，thead为绿色，tbody蓝色且高度固定，tfoot红色。示例中详细展示了如何使用这些元素组织表格数据。
带有 thead、tbody 以及 tfoot 元素的 HTML 表格
运行结果：
<html> thead：<thead> 内部必须拥有 <tr> 标签！
<head> tbody
<style type="text/css">
thead {color:green} tfoot
tbody {color:blue;height:50px}
tfoot {color:red}
</style>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
</table>
</body>
</html>
扫一扫
1039
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
