利用CSS控制表格外观

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

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

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

关键字：

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

<style type="text/css">

TABLE { 

border: 5px solid black; 

margin-left: 50px; 

margin-right: 10px;

margin-top: 15px;

margin-bottom: 40px;

width: 200px;

}

TD, TH { 

background: white; 

horizontal-align: right;  

padding-top: 15px;

padding-left: 5px;

padding-right: 5px;

padding-bottom: 0px; }

CAPTION {

padding: 0px; }

</style><body>

<table summary="Sample table">

<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控制表格外观

业界热点: