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像素边框表格,一种是减少内距,两种方法结合一起就可以实现你要的效果了
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值