雖然在xhtml+css 時(shí)代 table的使用越來越少，但需要布局?jǐn)?shù)據(jù)型元素，用table還是很不錯(cuò)的選擇。

      用table制作表格的時(shí)候美觀也很重要，其中的邊框。在HTML中,表格的默認(rèn)樣式大概是這樣:

      默認(rèn)的樣式雖然有點(diǎn)立體的感覺，但它在整體布局中并不是很美觀，通常情況下,我們會(huì)把table屬性的cellspacing設(shè)成1,然后為整個(gè)表格設(shè)一 個(gè)背景色;或是設(shè)置table的border為0，然后為所有td設(shè)置border-left和border-right,可以得到如下效果：

      這種方法比較常用，但是有些復(fù)雜，而且如果表格內(nèi)容為空的情況下IE會(huì)不顯示邊框。

      另一種方法就是用CSS中的border-collapse屬性,它有兩個(gè)參數(shù)

下面順便帶上CSS border-collapse 屬性：

CSS border-collapse 屬性

定義
border-collapse 屬性設(shè)置表格的邊框是否被合并為一個(gè)單一的邊框，還是象在標(biāo)準(zhǔn)的 HTML 中那樣分開顯示。
繼承性：Yes

腳本語法：
CSS 屬性也可通過一段 JavaScript 被動(dòng)態(tài)地改變。
object.style.borderCollapse="collapse"

例子

table
      {
        border-collapse: separate;
      }

可能的值