案例：CSS3 案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
​
3
<html>
4
<head>
5
<style type="text/css">
6
table.one
7
{
8
border-collapse: separate;
9
border-spacing: 10px
10
}
11
table.two
12
{
13
border-collapse: separate;
14
border-spacing: 10px 50px
15
}
16
</style>
17
</head>
18
<body>
19
​
20
<table class="one" border="1">
21
<tr>
22
<td>Adams</td>
23
<td>John</td>
24
</tr>
25
<tr>
26
<td>Bush</td>
27
<td>George</td>
28
</tr>
29
</table>
30
​
31
<br />
32
​
33
<table class="two" border="1">
34
<tr>
35
<td>Carter</td>
36
<td>Thomas</td>
37
</tr>
38
<tr>
39
<td>Gates</td>
40
<td>Bill</td>
41
</tr>
42
</table>
43
​
44
<p><b>注释：</b>如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 border-spacing 属性。</p>
45
​
46
</body>
47
</html>
48
​