9.05日音讯,网页制作中表格border设置的技巧。对于很多初学HTML的人来说,表格<table>是最常用的标签了,但对于表格边框的控制,很多初学者却不甚其解。
一般我们用表格的时候总会给它个border属性,比如:<tableborder="1">,其效果如下:
可以发现表格的边框好像很宽,当然这里的“很宽”绝对不是表格border的宽,大家看到的宽应该是<td>之间有间隙所致。因此只需要修改表格的cellspacing属性即可,即:<tableborder="1px"cellspacing="0px">,效果如下:
但是,好像宽度还是没有我们想象的那样:只有一个像素的宽,其实,上图大家看到的其实是两个像素的宽,为什么呢,这是因为<td>之间的边框没有重合所致。修改表格的border-collapse属性即可,
即<tableborder="1px"cellspacing="0px"style="border-collapse:collapse">
再给表格加个颜色,<tableborder="1px"bordercolor="#000000"cellspacing="0px"style="border-collapse:collapse">