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">