بشكل عام ، عندما نستخدم جدولًا ، فإننا نعطيه دائمًا سمة حدودية ، مثل: <Table Border = 1> ، والتأثير على النحو التالي:
| بطاقة تعريف | اسم | جنس |
| 1001 | مايك | ذكر |
يمكنك أن تجد أن حدود الطاولة تبدو واسعة جدًا. بالطبع ، العرض هنا ليس بالتأكيد عرض حدود الطاولة. يجب أن يكون العرض الذي تراه بسبب الفجوة بين <td>. لذلك ، تحتاج فقط إلى تعديل سمة تعزيز الخلية للجدول ، أي: <table border = 1px cellpacing = 0px> ، يكون التأثير كما يلي:
| بطاقة تعريف | اسم | جنس |
| 1001 | مايك | ذكر |
ومع ذلك ، يبدو أن العرض ليس كما تخيلنا: إنه واحد فقط بكسل واحد. في الواقع ، ما تراه أعلاه هو في الواقع عرض اثنين من بكسل. لماذا؟ وذلك لأن الحدود بين <td> لا تتداخل. مجرد تعديل خاصية collapse الحدود للجدول.
هذا هو <table border = 1px cellpacing = 0px style = collapse: collapse>
| بطاقة تعريف | اسم | جنس |
| 1001 | مايك | ذكر |
أضف لونًا إلى الجدول ، <Table Border = 1px BorderColor =#000000CellSpacing = 0px style = collapse: collapse>
| بطاقة تعريف | اسم | جنس |
| 1001 | مايك | ذكر |