Html 制作按钮链接

我对在我的网站上点击鼠标悬停按钮很感兴趣，但不知道怎么做。我的网站在这里：

页面本身的相关代码如下所示

---

非常感谢您的帮助。

您的链接是可点击的，问题是当前只是文本链接。您只需使锚定与它们所在的容器大小相同即可

.menuLink

添加以下css，它应该可以工作

.menuLink a {
    height: 36px;
    width: 120px;
    display: block;
}

编辑：

用这个代替，应该给你完整的盒子。老实说，我没有注意到上半部分没有包括在内

.menuLink a {
    height: 57px;
    width: 120px;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 18px;
}

---

你的链接是可点击的，问题是它只是文本，目前是一个链接。您只需使锚定与它们所在的容器大小相同即可

.menuLink

添加以下css，它应该可以工作

.menuLink a {
    height: 36px;
    width: 120px;
    display: block;
}

编辑：

用这个代替，应该给你完整的盒子。老实说，我没有注意到上半部分没有包括在内

.menuLink a {
    height: 57px;
    width: 120px;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 18px;
}

---

你的代码是对的，但这就是你要找的

---

您的代码是正确的，但这就是您要寻找的

---

我想您希望将整个悬停区域设置为链接元素

你得把衣服包起来

元素到

---

我想您希望将整个悬停区域设置为链接元素

你得把衣服包起来

元素到

这将设置

a

的宽度以匹配父div

.menuLink

---

这将设置

a

的宽度以匹配父div

。menuLink

您的意思是希望主页按钮可单击？现在我需要点击文本。你的意思是你想要你的主页按钮可以点击？现在我需要点击文本。谢谢，这正是我想要的！非常感谢：-）你是救命恩人。谢谢，这正是我想要的！非常感谢：-）你是个救命恩人。我试过了，虽然现在整个单元格都可以点击，但现在悬停的区域比以前小了（它只是单元格的顶部…）。有什么建议吗？我试过了，尽管现在整个单元格都可以点击，但现在悬停区域比以前小了（它只是单元格的顶部…）。有什么建议吗？当你写“你必须把元素包装成标签”时，你能说得更多一些吗？当你写“你必须把元素包装成标签”时，你能说得更多一些吗？

<a class="menuLink" href="index.html"><span>Home</span></a>

 .menuLink a {display: block;padding: 21px 0; }
.menuLink {padding:0;}