如何更改 link 元素的悬停大小以占据文本包含区域的完整框 width/height
How to change hover size of link elements to take full box width/height of area which text contained
我有一个设置为显示 inline-block 的导航栏。什么时候，我添加了 hover 伪 class 来更改悬停时的颜色。我希望悬停状态的颜色占据整个 width/height 区域。现在它只需要 space 来覆盖文本。
您需要使用 CSS 重置来禁用所有默认浏览器样式，如果您查看第一个 post 中的演示，默认情况下 <ul></ul> 有一个 margin-top: browser-value; 和 margin-bottom: browser-value;，通过将 margin: 0; 添加到您的 <ul></ul> 中，锚标记 (<a></a>) 可能会调整大小，这是一个 forked version of the codepen demo you had earlier, And i just applied a CSS reset through the CSS panel in codepen, For this specific part I used a normal reset, but if you want to read more about resets and understand how they work the following link会给你很多见解。
我有一个设置为显示 inline-block 的导航栏。什么时候，我添加了 hover 伪 class 来更改悬停时的颜色。我希望悬停状态的颜色占据整个 width/height 区域。现在它只需要 space 来覆盖文本。
您需要使用 CSS 重置来禁用所有默认浏览器样式，如果您查看第一个 post 中的演示，默认情况下 <ul></ul> 有一个 margin-top: browser-value; 和 margin-bottom: browser-value;，通过将 margin: 0; 添加到您的 <ul></ul> 中，锚标记 (<a></a>) 可能会调整大小，这是一个 forked version of the codepen demo you had earlier, And i just applied a CSS reset through the CSS panel in codepen, For this specific part I used a normal reset, but if you want to read more about resets and understand how they work the following link会给你很多见解。