Javascript HTML/CSS中的可单击边框单元格

我已经在表中创建了一个可单击的单元格，其中包含：

<td>
    <a href="link.hmlt" style = "display:block; width:100%;height:100%> &nbsp;</a>
</td>

但是，表格有可见的边框，当鼠标正好位于这些边框上时，链接将不起作用

如何使边框也可单击？我尝试了一个JavaScript解决方案：

<td onclick="document.location='link.html'" > </td>

这里处理了边框，但这并不令人满意，因为在这种情况下，没有正确处理“特殊”单击类型（例如，“ctrl+click”不会打开新选项卡）

我们可以在HTML/CSS中点击边框吗？我们必须使用JavaScript吗

---

编辑：这里是我现在拥有的一个最简单的示例：

首先，远离内联样式和内联javascript

我认为您的问题是将边框应用于表格单元格，如果希望链接包含边框，请将边框应用于链接链接，而不是表格单元格

td {
    padding: 0;
}
a {
    height: 100%;
    width: 100%;
    display: block;
    border: 5px solid black;
}

---

我不太清楚为什么您试图单击单元格的“边框”，但作为单元格的一部分，他们应该注册单击事件。除此之外，没有办法处理边界上的单击事件，因为它们没有被视为单独的对象。你能提供一个JSFIDLE吗？另外，在您的第一个代码块

中，您意外地得到了指向

link.hmlt

的链接，而不是

link.html

。也许这只是您的示例中的一个错误，而不是您的实际项目中的错误。边框是单元格的一部分，包含在元素宽度计算中，因此您应该能够单击它：@TylerH它与选项卡中的单元格明显不同：@Sebastien这是因为，正如下面的答案所说，您将边框放在单元格周围，而不是链接周围。当然，单元格的边框是不可点击的；单元格不是链接，它只是包含一个链接；也许（将来）可以将其设置为5px，以便更轻松地单击它们？：-）谢谢，但是现在边框的大小是内部单元格大小的两倍：另外，它会打乱框大小的计算（在Chrome下为leat）…这是因为边框没有包含在100%宽度中。添加框大小：边框框；到表a{}