利用CSS控制表格外观

扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条

本文介绍这个系列的第三部分，表格边距问题和整个表格布局。

作者：builder.com.cn 2007年3月9日

关键字：

<html>

<head><title>HTML Table</title></head>

<style type="text/css">

TABLE    { display: table }

TR       { display: table-row }

THEAD    { display: table-header-group }

TBODY    { display: table-row-group }

TFOOT    { display: table-footer-group }

TD, TH   { display: table-cell }

CAPTION  { display: none }

</style><body>

<table summary="Sample table for TechRepublic.com">

<caption>Super Bowl XLI</caption>

<thead>

<tr>

<th abbr="team" scope="col">Team</th>

<th abbr="score" scope="col">Score</th>

</tr>

</thead>

<tfoot>

<tr>

<td colspan="2">Colts Win</td>

</tr>

</tfoot>

<tbody>

<tr>

<td>Colts</td>

<td>29</td>

</tr>

<tr>

<td>Bears</td>

<td>17</td>

</tr>

</tbody>

</table></body></html>

VIP专区

VIP用户

普通用户

邮件订阅

如果您非常迫切的想了解IT领域最新产品与技术信息，那么订阅至顶网技术邮件将是您的最佳途径之一。

重磅专题

往期文章

利用CSS控制表格外观

业界热点: