Question

到目前为止，我已经尝试了其他堆栈溢出问题中的所有内容来解决此问题，但无法弄明白。我有一个带有背景图像的HTML表格，我用它来创建网站上特定项目周围的圆形分隔符/气泡。我不能让表格行完全消失。似乎他们只是在顶部和右边显示分裂？ CSS和表格如下所示。这是我无法摆脱的图像。您可以在曲线下方看到细线，然后沿右边框的右侧看到细线。它也显示在其他地方，但背景非常接近边框颜色，这是不明显的。

此外还有一些冗余的CSS我刚刚尝试了我能找到/想到的所有内容以便修复。

我无法添加图片，但这里有一个链接，其中包含我不断获得的结果图片http://www.bdtransport.com/devel/TableIssue.JPG

代码：

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: none !important;
	padding: 0 0 0 0;
	margin: 0 auto;
}
tr, td {
    padding: 0 0 0 0;
	spacing: 0
	border: none !important;
	outline: none;
	border-collapse: collapse;
}

<TABLE width='1100' align='center'>
		<TR>
			<TD colspan='5' background='./images/MainTop.jpg'>&nbsp;</TD>
		</TR>
		<TR>
			<TD background='./images/MainLeft.jpg' width='75'> &nbsp; </TD>
			<TD background='./images/MainNewsBackground.jpg' width='687'> Text </TD>
			<TD background='./images/MainNewsDivider.jpg' width='22'> &nbsp; </TD>
			<TD background='./images/MainNotificationsBackground.jpg' width='250'> Recent/Upcoming Info: </TD>
			<TD background='./images/MainRight.jpg' width='66'> &nbsp; </TD>
		</TR>
	</table>

Answer 1

请注意，以下代码段已被编辑为包含border =＆＃34; 0＆＃34;在桌子上打开。这应该删除所有边界。

＆＃13;

<TABLE width='1100' align='center' border="0">
		<TR>
			<TD colspan='5' background='./images/MainTop.jpg'>&nbsp;</TD>
		</TR>
		<TR>
			<TD background='./images/MainLeft.jpg' width='75'> &nbsp; </TD>
			<TD background='./images/MainNewsBackground.jpg' width='687'> Text </TD>
			<TD background='./images/MainNewsDivider.jpg' width='22'> &nbsp; </TD>
			<TD background='./images/MainNotificationsBackground.jpg' width='250'> Recent/Upcoming Info: </TD>
			<TD background='./images/MainRight.jpg' width='66'> &nbsp; </TD>
		</TR>
	</table>

＆＃13;

如果没有删除所有边框，您可以尝试：

＆＃13;

<TABLE width='1100' align='center' style="border:0">
		<TR>
			<TD colspan='5' background='./images/MainTop.jpg'>&nbsp;</TD>
		</TR>
		<TR>
			<TD background='./images/MainLeft.jpg' width='75'> &nbsp; </TD>
			<TD background='./images/MainNewsBackground.jpg' width='687'> Text </TD>
			<TD background='./images/MainNewsDivider.jpg' width='22'> &nbsp; </TD>
			<TD background='./images/MainNotificationsBackground.jpg' width='250'> Recent/Upcoming Info: </TD>
			<TD background='./images/MainRight.jpg' width='66'> &nbsp; </TD>
		</TR>
	</table>

＆＃13;

那应该删除边框。使用此方法，您的页面中也不需要过于复杂的CSS代码。

从HTML表中删除所有边框

1 个答案: