如何让整个TD区域变得可点击？

Question

我是一名新的css / html学习者 我目前正在建立一个网站。 我已经悬停工作，但我不能让它变得可点击。 我希望整个TD区域变得可点击，而不仅仅是文本链接变得可点击。

任何人都可以帮我解决一下吗？

这是我的code

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%;
}

DEMO

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

中