利用CSS控制表格外观

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

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

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

关键字：

<html>

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

<style type="text/css">

TABLE { 

background: blue; 

border-collapse: separate;

border-spacing: 10px; 

border: 5px dashed black; 

margin: 100px; 

padding: 0px; }

TD, TH { 

background: white; 

border: outset 5pt; 

horizontal-align: right; 

padding: 15px; }

CAPTION {

background: orange; 

border: ridge 5px blue; 

border-top: 

ridge 10px blue; 

padding: 5px; }

</style><body>

<table summary="TechRepublic.com - Tables and CSS">

<caption>First Quarter Sales</caption>

<thead><tr>

<th abbr="salesperson" scope="col">Person</th>

<th abbr="sales" scope="col">Sales</th>

</tr></thead>

<tfoot><tr>

<td colspan="2">Let's sell, sell, sell!</td>

</tr></tfoot>

<tbody><tr>

<td>Mr. Smith</td>

<td>$45600.00</td>

</tr><tr>

<td>Mr. Jones</td>

<td>$100000.00</td>

</tr><tr>

<td>Ms. Williams</td>

<td>$550000.00</td>

</tr></tbody>

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

VIP专区

VIP用户

普通用户

邮件订阅

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

重磅专题

往期文章

利用CSS控制表格外观

业界热点: