首页 > 代码库 > thead,tbody,tfoot标签的使用

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>

thead,tbody,tfoot标签的使用