html - 将 中的文本基线向上移动 2 px

Question

我已经通过 ul 的内联 li-s 实现了我的网页菜单。 li 有彩色边框并包含 a。现在 onmousehover 我需要更改 a 中文本的颜色并通过不移动 li 将其向上移动 2px边界。我怎样才能做到这一点？

Answer 1

诀窍是稍微移除顶部填充并稍微增加底部填充以保持标记的完整性。

我已经建立了一个你想要的简单例子。在 fiddle 上查看 here

HTML:

<ul>
  <li><a href="#">Home</a></li>
</ul>

CSS:

ul { width: 200px; margin: 20px; }
li { border-top: 2px #000 solid; padding: 5px; }

li a { padding: 5px; display: inline-block; }
li:hover a { padding: 3px 5px 7px 5px ; }