我的目标是制作一个类似于“相框”的HTML页面。换句话说,我想做一个被4张图片包围的空白页面。
这是我的代码:
<table>
<tr>
<td class="bTop" colspan="3">
</td>
</tr>
<tr>
<td class="bLeft">
</td>
<td class="middle">
</td>
<td class="bRight">
</td>
</tr>
<tr>
<td class="bBottom" colspan="3">
</td>
</tr>
</table>
CSS类如下所示:
.bTop
{
width: 960px;
height: 111px;
background-image: url('../Images/BackTop.jpg');
}
.bLeft
{
width: 212px;
height: 280px;
background-image: url('../Images/BackLeft.jpg');
}
.middle
{
width: 536px;
height: 280px;
}
.bRight
{
width: 212px;
height: 280px;
background-image: url('../Images/BackRight.jpg');
}
.bBottom
{
width: 960px;
height: 111px;
background-image: url('../Images/BackBottom.jpg');
}
我的问题是,我在表格的单元格之间出现了细小的白线,我的意思是图片的边框不连续。如何避免这些空格?
发布于 2011-04-16 11:16:29
table {
border-collapse: collapse;
}
发布于 2016-05-06 23:17:32
对我来说,我需要做一些类似的事情来完全删除表格和所有单元格的边框。这根本不需要修改HTML,这在我的例子中很有帮助。
table, tr, td {
border: none;
}
发布于 2016-07-20 16:03:38
在bootstrap环境中,排名靠前的答案都没有帮助,但应用以下内容会删除所有边界:
.noBorder {
border:none !important;
}
应用为:
<td class="noBorder">
https://stackoverflow.com/questions/5684144
复制相似问题