表格单元格中的CSS无边框背景图像

我有一行表格用于在网页顶部显示标题。该表格有3个单元格，左侧和右侧都有静态图像。重复中间的图像以填充屏幕的宽度。这里是我使用的代码：表格单元格中的CSS无边框背景图像

<table style="width: 100%; border-collapse: collapse;"> 
<tr height="80" width="100%"> 
<td style="background-repeat:no-repeat; border:none" background="/images/left.png" width="690" /> 
<td style="background-repeat:repeat-x; background-position:middle" background="/images/middle.png" /> 
<td style="background-repeat:no-repeat; border:none" background="/images/right.png" width="190" /> 
</tr> 
</table>

我想要实现的是3个图像整齐排列，没有任何边界。不幸的是，上面的代码不起作用。虽然大部分边界都消失了，但左右表单元格中的图像右侧仍然有一条1像素的线条。

从左到右，图像大小分别为690x80,1x80和190x80，并且与单元格的大小相匹配，因此无法看到线条为何存在。

将不胜感激摆脱两个1像素边框

来源

2014-12-03 Alexander

你确定你没有cellpadding和cellpacing在该表中？ – Legionar 2014-12-03 09:39:11

你能创建一个小提琴的例子吗？ – Nick 2014-12-03 09:42:12

将'cellpadding =“0”'添加到您的'

'标签。 – 2014-12-03 09:45:06

回答

添加cellpadding="0"您<table>标记一些帮助。

或者，你想用CSS来做到这一点，使用下面的CSS规则：

table td, 
table th{ 
    padding: 0; 
}

来源

2014-12-03 09:49:02

第一，点此图像。秒，可以加上这个

border:hidden;

中的表格样式属性。

三，这个问题是否出现在所有浏览器中？

来源

2014-12-03 09:52:54

表格单元格中的CSS无边框背景图像

回答

相关问题