Html 如何使方框可点击

您好，我有一个菜单列表，看起来像上图。当我将鼠标悬停在它上面时，颜色会改变，但在我将鼠标悬停在文本本身上之前，它是不可单击的。当我将鼠标悬停在框上时，如何使其可单击

非常感谢你的帮助

a
{
文字装饰：无；
颜色：继承；
}
导航ul
{
背景色：#f49d33；
溢出：隐藏；
颜色：白色；
填充：0；
文本对齐：居中；
-webkit过渡：最大高度0.4s；
-ms过渡：最大高度0.4s；
-moz过渡：最大高度0.4s；
-o型过渡：最大高度0.4s；
过渡段：最大高度0.4s；
}
李国荣
{
显示：内联块；
填充：20px；
}
nav ul li:悬停
{
背景色：#e8d75c；
}

将填充移动到

a

并使其成为

内联块

。我还将在

a

上使用

：hover

伪类，而不是

li

a
{
文字装饰：无；
颜色：继承；
显示：内联块；
填充：20px；
}
导航ul
{
背景色：#f49d33；
溢出：隐藏；
颜色：白色；
填充：0；
文本对齐：居中；
-webkit过渡：最大高度0.4s；
-ms过渡：最大高度0.4s；
-moz过渡：最大高度0.4s；
-o型过渡：最大高度0.4s；
过渡段：最大高度0.4s；
}
李国荣
{
显示：内联块；
}
导航ulli a：悬停
{
背景色：#e8d75c；
}

您可以在a标签上设置li标签填充值

您的问题很简单：

---

上的

填充：20px

在

的边缘和

之间形成了一个间隙。将

填充：20px

从

移动到

可以解决此问题。

您需要提供您的代码，直到那时我们才知道您的问题所在。使用display:block；对于链接。@noob我添加了代码。你现在能帮我吗？@AchrafJEDAY你能给我一个答案吗？我提供了代码非常感谢：）a{文本装饰：无；颜色：继承；显示：块；填充：20px；}