我如何才能使整个TD区域变得可点击？

Question

我是一个新的CSS / HTML学习者，目前正在建立一个网站。 我的鼠标悬停了，但无法将其变为可点击状态。 我希望整个TD区域都可以单击，而不仅仅是文本链接可以单击。

谁能帮我一个忙，帮我弄清楚吗？

这是我的代码

Answer 1

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

Answer 2

将此规则添加到您的CSS

td.blue span, td.blue span a {
    display: block;
    height: 100%;
    width: 100%;
}

演示

只是一个旁注-您无需将链接包装在<span> -s中