【问题标题】:Removing all borders from HTML table从 HTML 表格中删除所有边框
【发布时间】:2015-03-13 05:07:14
【问题描述】:

我已经尝试了迄今为止在其他堆栈溢出问题中可以找到的所有方法来解决此问题,但无法弄清楚。我有一个带有背景图像的 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>

【问题讨论】:

  • sn-p 没有在表格单元格上显示任何边框。也许在图像上提供绝对路径以便更好地再现?
  • 你可以试试
  • 绝对路径仍然产生相同的结果。我从
  • 开始,因为这是我历史上使用的(我已经有一段时间没有像这样完成 html 工作了),但它没有用。那是我开始使用上述所有 CSS 的时候。
  • 表格默认没有边框。要么你的真实页面有一些导致一些边框的 CSS,要么你将某些东西误解为表格边框。
  • 它不能只是每行之间的一条线而不是边框​​吗?我有一些背景图片,我想将它们完全对接在一起,它们之间根本没有空间。

标签: html html-table border


【解决方案1】:

请注意,以下代码 sn-p 已被编辑为在表格打开中包含边框 =“0”。这应该会删除所有边框。

<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>

如果没有删除所有边框,您可以尝试:

<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>

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

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签