学习Table 中thead tbody tfoot 的使用
考虑了好久，没想到比较满意的实现办法，发到BI上看看高人们有没有更好的方法，果然不虚此行，很快就看到了Purecss的制作方法，原来还有这样的一个Table可以用，学习一下.
| content | content | content | content |
| content | content | content | content |
| content | content | content | content |
<table>
<caption>Title of the table</caption>
<thead>
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
<thead>
<tbody>
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>content</td>
<td>content</td>
<td>content</td>
<td>content</td>
</tr>
</tfoot>
</table>
当<thead>中<td>换为<th>时第一行字体将加粗，即为表格内容每列的标题;
当<thead>,<tbody>,<tfoot>中第一个<td>换为<th>时第一行字体将加粗，即为表格内容每行的标题;
根据需要，分别定义CSS就可以实现多种效果了。