css - CSS：悬停影响

Question

我必须创建一个悬停效果，其中当一个选项卡悬停时，选项卡的整个背景应该是白色的。但是从下面的 SS 中可以看出，悬停效果仅应用于文本部分。

我还附上了 Chrome Web 开发人员的 CSS。

生成该选项卡的 HTML 代码是

<li>
  <a class="last_menu" href="#"></a>
</li>

我试过用padding元素调整。但是，文本也随之移动。我希望文本位于中心并且仅悬停以扩展以占据整个选项卡空间。

Answer 1

尝试将一个类应用于列表项本身，然后在悬停伪选择器下指定一个白色背景。

Answer 2

安装Web Developer Toolbar转到CSS > Display Style Information或<ALT+SHIFT+Y>（它是工具栏中的魔杖）。将鼠标悬停在相关元素上，以详细了解其渲染方式。研究这个。让它成为你的朋友。