HTML 表格的屬性設置

對於不少初學HTML的人來講，表格<table>是最經常使用的標籤了，但對於表格邊框的控制，不少初學者卻不甚其解。

 

對於不少初學HTML的人來講，表格<table>是最經常使用的標籤了，但對於表格邊框的控制，不少初學者卻不甚其解。

通常咱們用表格的時候總會給它個border屬性，好比：<table border="1">，其效果以下：

 

能夠發現表格的邊框好像很寬，固然這裏的「很寬」絕對不是表格border的寬，你們看到的寬應該是<td>之間有間隙所致。所以只須要修改表格的cellspacing屬性便可，即：<table border="1px" cellspacing="0px">，效果以下：

可是，好像寬度仍是沒有咱們想象的那樣：只有一個像素的寬，其實，上圖你們看到的實際上是兩個像素的寬，爲何呢，這是由於<td>之間的邊框沒有重合所致。修改表格的border-collapse屬性便可，

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

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