码迷,mamicode.com
首页 > 其他好文 > 详细

thead,tbody,tfoot标签的使用

时间:2017-07-20 15:19:12      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:ges   标签   tab   技术分享   alt   技术   table   log   png   

带有 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标签的使用

标签:ges   标签   tab   技术分享   alt   技术   table   log   png   

原文地址:http://www.cnblogs.com/lizuowei/p/7211002.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!