border

英[?b?:d?(r)]? ?美[?b?:rd?(r)]??

#n.邊界;邊;鑲邊;包;邊

vt.& vi.與…接界,在…的邊上

vt.沿…的邊,環(huán)繞…,給…鑲邊

##vi.近似,鄰近

spacing

英[?spe?s??]? ?美[?spes??]??

n.間隔,間距;跨距;疏密;留間隔間隔)??

n.間隔,間距;跨度###

css border-spacing屬性 語法

作用:border-spacing 屬性設定相鄰單元格的邊框間的距離(僅用於「邊框分離」模式)。

說明:此屬性指定分隔邊框模型中單元格邊界之間的距離。在指定的兩個長度值中,第一個是水平間隔,第二個是垂直間隔。除非 border-collapse 被設定為 separate,否則將忽略這個屬性。儘管這個屬性只應用於表,不過它可以由表中的所有元素繼承。? ??

註解:某些版本的IE瀏覽器不支援此屬性。所有主流瀏覽器都支援 border-spacing 屬性。如果已規(guī)定 !DOCTYPE,那麼 Internet Explorer 8 (以及更高版本)支援 border-spacing 屬性。

css border-spacing屬性 範例

<!DOCTYPE>
<html>
<head>
<style type="text/css">
table.one 
{
border-collapse: separate;
border-spacing: 10px
}
table.two
{
border-collapse: separate;
border-spacing: 10px 50px
}
</style>
</head>
<body>
<table class="one" border="1">
<tr>
<td>Adams</td>
<td>John</td>
</tr>
<tr>
<td>Bush</td>
<td>George</td>
</tr>
</table>
<br />
<table class="two" border="1">
<tr>
<td>Carter</td>
<td>Thomas</td>
</tr>
<tr>
<td>Gates</td>
<td>Bill</td>
</tr>
</table>
<p><b>注釋:</b>php中文網(wǎng)</p>
</body>
</html>
執(zhí)行實例 ?

#點擊 "執(zhí)行實例" 按鈕查看線上實例

#