DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML表格邊框的控制實現代碼
HTML表格邊框的控制實現代碼
編輯:HTML和Xhtml     

一般我們用表格的時候總會給它個border屬性,比如:<table border="1">,其效果如下:

ID NAME GENDER 1001 mike male

可以發現表格的邊框好像很寬,當然這裡的“很寬”絕對不是表格border的寬,大家看到的寬應該是<td>之間有間隙所致。因此只需要修改表格的cellspacing屬性即可,即:<table border="1px" cellspacing="0px">,效果如下:

ID NAME GENDER 1001 mike male

但是,好像寬度還是沒有我們想象的那樣:只有一個像素的寬,其實,上圖大家看到的其實是兩個像素的寬,為什麼呢,這是因為<td>之間的邊框沒有重合所致。修改表格的border-collapse屬性即可,

即<table border="1px" cellspacing="0px" style="border-collapse:collapse">

ID NAME GENDER 1001 mike male

再給表格加個顏色,<table border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">

ID NAME GENDER 1001 mike male

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved