一般に、テーブルを使用する場合、次のような境界属性を常に与えます。<table border = 1>、効果は次のとおりです。
| id | 名前 | 性別 |
| 1001 | マイク | 男 |
テーブルの境界線が非常に広いようであることがわかります。もちろん、ここの幅は間違いなくテーブル境界の幅ではありません。表示される幅は、<td>間のギャップが原因である必要があります。したがって、テーブルのセルペーシング属性、つまり次のように変更するだけです。
| id | 名前 | 性別 |
| 1001 | マイク | 男 |
ただし、幅は想像されたとおりではないようです。幅は1ピクセルです。実際、上に表示されるのは、実際には2ピクセルの幅です。なぜ?これは、<td>の間の境界線が重複しないためです。テーブルの境界線量プロパティを変更するだけです。
つまり、<table border = 1px cellpacing = 0px style = border-collapse:collapse>です
| id | 名前 | 性別 |
| 1001 | マイク | 男 |
テーブルに色を追加する、<テーブルボーダー= 1px bordercolor =#000000CELLSPACING = 0PX style = border-collapse:collapse>
| id | 名前 | 性別 |
| 1001 | マイク | 男 |