CSS : Hovering affect

Question

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

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

生成该选项卡的 HTML 代码是，

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

我尝试使用 padding 元素进行调整。但是，文本也随之移动。我希望文本居中并且只悬停以展开以占据整个选项卡空间。

Answer 1

安装 Web Developer Toolbar转到 CSS > Display Style Information或 <ALT+SHIFT+Y> (它是工具栏中的魔杖)。将鼠标悬停在有问题的元素上，以获得有关其呈现方式的详细图片。研究这个。让它成为你的 friend 。