如何使整个td成为一个链接？

Question

我如何使整个 td 成为一个链接？

 <td id="blue-border"><span id="blue"></span></td>

单击 td 应该使它的行为像这样（我知道这在语法上是不正确的：

 <a href="javascript:chooseStyle('blue-theme', 360)"> <td id="blue-border"><span id="blue"></span></td> </a>

编辑：到目前为止，所有的建议都只是使 td 内的跨度成为一个链接，帮助大声笑。

原文由 user784637 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 CSS。

 td a { display: block; width: 100%; height: 100%; }

 <table style="width: 100%">
  <tr>
    <td><a href="#">Link</a></td>
  </tr>
</table>

CSS 强制链接扩展到 TD 的整个宽度和高度。

原文由 Will Martin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

在 td 内部添加一个锚标记，并将其 display 属性设置为 block。这应该使整个 td 可点击。

 #blue-border a{
    display: block;
}

或者

<a href="link" style="display:block;">

原文由 rolling stone 发布，翻译遵循 CC BY-SA 3.0 许可协议