HTML+；CSS表格，设置边框有问题

我正在尝试使用HTML表格在线制作一个数独板，并使用CSS对其进行格式化。理想情况下，输出应如下图所示：

问题是我无法正确设置边界。下面是一个3乘3框的代码，不幸的是它输出不正确。类为“end”的单元格似乎有一个未折叠的边框。有什么建议吗

HTML:

---

您可能希望将类分配给单元格本身，而不是输入字段。

现代浏览器允许不使用类的数独表：
（此代码适用于IE9测试版和所有其他浏览器）

表{边框：3px纯黑色；}
td{宽度：60px；高度：60px；边框：1px纯黑色；}
td:n子（3n）{右边框宽度：3px；}
tr:n子（3n）td{边框底部宽度：3px；}

---

（假设我们使用的是9x9桌子）

谢谢你抓住了那个鲍比！完美地解决了这个问题。

<table>
 <tr>
    <td><input type='text' size='2' /></td>
    <td><input type='text' size='2' /></td>
    <td><input type='text' size='2' class='end'/></td>
  </tr>
</table>

table, td{
    border-color: black;
    border-width: 1px;
    border-style: solid;
}

table{
      border-collapse:collapse;
}

td{
  padding:0px;
  margin: 0px;
}

td .end{
  border-style:solid;
  border-color:black;
  border-width: 1px 3px 1px 1px;
}

input{
  padding:0px;
  margin:0px;
}

<style>
    table { border:3px solid black; }
    td { width:60px; height:60px; border:1px solid black; }
    td:nth-child(3n) { border-right-width:3px; }
    tr:nth-child(3n) td { border-bottom-width:3px; }
</style>