HTML表格无空隙嵌套方法
问:border=1的情况下,表格嵌套怎样才能一点缝隙没有,让外层td的线和里面table的线完全重合?
答:
不能重合
一般做1像素表格有三种方案
一种是使用背景色法,利用表格间距来冒充边框
<table width="200" border="0" cellpadding="0" cellspacing="1" bgcolor="#FF0000">
<tr bgcolor="#FFFFFF">
<td>fdf</td>
<td>fdfd</td>
</tr>
</table>
一种是图片法,这种挺灵活的,不用举例吧,咋搞都有理,但表格配合图片制作起来挺麻烦
一种是样式法,这种更灵活,还好用
<table width="200" border="0" cellpadding="0" cellspacing="0" style="border:#FF0000 solid 1px">
<tr>
<td style="border-right:#FF0000 solid 1px"></td>
<td></td>
</tr>
</table>
其它方法也不是没有,会比较麻烦
似乎我理解错了,你要使表格部边间隙为0
cellpadding="0",这个就是表格的内距,学名叫填充,指的就是格与内容的距离,它是在表格上定义的,定义整个表格的
如果想单独定义某单元格,可以使用样式<td style="padding:0px">
一种是实现1像素边框表格,一种是减少内距,两种方法结合一起就可以实现你要的效果了
答:
不能重合
一般做1像素表格有三种方案
一种是使用背景色法,利用表格间距来冒充边框
<table width="200" border="0" cellpadding="0" cellspacing="1" bgcolor="#FF0000">
<tr bgcolor="#FFFFFF">
<td>fdf</td>
<td>fdfd</td>
</tr>
</table>
一种是图片法,这种挺灵活的,不用举例吧,咋搞都有理,但表格配合图片制作起来挺麻烦
一种是样式法,这种更灵活,还好用
<table width="200" border="0" cellpadding="0" cellspacing="0" style="border:#FF0000 solid 1px">
<tr>
<td style="border-right:#FF0000 solid 1px"></td>
<td></td>
</tr>
</table>
其它方法也不是没有,会比较麻烦
似乎我理解错了,你要使表格部边间隙为0
cellpadding="0",这个就是表格的内距,学名叫填充,指的就是格与内容的距离,它是在表格上定义的,定义整个表格的
如果想单独定义某单元格,可以使用样式<td style="padding:0px">
一种是实现1像素边框表格,一种是减少内距,两种方法结合一起就可以实现你要的效果了