Html 为什么我能'；是否看不到此表行中列的边框？

我有一个html页面，这里有一个图像：

正如你所看到的，我有一个表格，第一行的边框很好，但在表格的下一行，它没有显示垂直线，而是显示每个按钮的周围，我不想太多。。水平的一个在每个单元格之间的切口。。我猜这是因为利润。。那么，如何使水平线连续，垂直线出现呢？谁能告诉我是什么问题吗

以下是我的html代码：

<div id="wrapper">
</div>
<table>
<tr>
<td width="188px" class="button" ><img src="b2.png" /></td>

<td width="188px" class="button" ></td>
<td width="188px" class="button" ></td>
<td width="188px" class="button" ></td>
<td width="188px" class="button" ><img src="b1.png" /></td>
<td width="188px" class="button" ></td>
</tr>
</table>

---

有人能帮我吗？

我不能100%确定您要找的是什么，但我假设您希望您的表格样式包括

边框折叠：折叠
。这将删除相邻单元之间的间距，并基本上合并它们的边界。另一种选择是，如果仍然希望绘制两个边框，则可能需要尝试
边框间距：（距离）
代码中存在许多问题。第一个是您正在将
float:left
应用于
.button
，它与所有
td
匹配。把那条线移开，它会完全破坏桌子

然后您可以将
边框折叠：collapse
添加到表中

另外，我不确定您是否希望该表位于
div.wrapper
中

Fiddle:
你展示了很多代码，包括很多与问题无关的代码（另外：如果你希望陌生人/志愿者帮忙，注意格式设置会有帮助）。另外，您还没有告诉我们您到目前为止研究/尝试/调试了什么，为什么您尝试的解决方案不起作用，等等。我显示的代码仅与问题相关，这是我尝试过的，我认为问题的发生是因为边际。。。我是否清楚？那么，如果我只想使列周围的边框不在行周围，该怎么办？@user3675605使用
border left:solid 1x black；右边框：实心1px黑色
而不是
边框：实心1px黑色
。更新的提琴：好的，在提琴中它工作正常，但在我的代码中，边框从按钮的开头开始，在按钮的结尾停止。。行没有继续，因为行之间没有空格。。我是说在按钮之间，我怎么能保持空间？但是为整列做边框？我想这是因为每列的顶部和底部都有边距button@user3675605，而不是
..
，您需要
..
，然后您可以在
.按钮上设置上/下边距，或者在
td
上填充上/下边距。您还必须对CSS进行一些其他更改，以使其看起来像预期的那样。有关详细信息，请参阅JSFIDLE。
.button {
    width:180px;
    text-align:center;
    background:rgb(51,153,51);
    position:relative;
    overflow:hidden;
    margin-top:1px;
      margin-bottom:1px;
        margin-left:1px;
        margin-right:12px;
    float: left; /* add this */
}

table td {

    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
     border:1.0px solid #000;
}