HTML表格邊框的控制實作程式碼_HTML/Xhtml_網頁製作

一般我們用表格的時候總是會給它一個border屬性，例如：

，其效果如下：

ID	NAME	GENDER
1001	mike	male

可以發現表格的邊框好像很寬，當然這裡的「很寬」絕對不是表格border的寬，大家看到的寬應該是

之間有間隙所致。因此只需要修改表格的cellspacing屬性即可，即：，效果如下：

ID	NAME	GENDER
1001	mike	male

但是，好像寬度還是沒有我們想像的那樣：只有一個像素的寬，其實，上圖大家看到的其實是兩個像素的寬，為什麼呢，這是因為

之間的邊框沒有重合所致。修改表格的border-collapse屬性即可，

即

ID	NAME	GENDER
1001	mike	male

再給表格加個顏色，

ID	NAME	GENDER
1001	mike	male