Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何更改链接元素的悬停大小以获取文本所包含区域的全框宽度/高度_Css_Hover_Navbar - Fatal编程技术网

Css 如何更改链接元素的悬停大小以获取文本所包含区域的全框宽度/高度

Css 如何更改链接元素的悬停大小以获取文本所包含区域的全框宽度/高度,css,hover,navbar,Css,Hover,Navbar,我有一个导航栏,设置为显示内联块。当时,我添加了hover伪类来更改悬停时的颜色。我希望悬停状态的颜色采用区域的全宽/全高。现在只需要占用足够的空间来覆盖文本 如果您检查第一篇文章中的演示,您需要使用CSS重置来禁用所有默认浏览器样式,默认情况下有一个边距顶部:浏览器值和页边距底部:浏览器值,通过添加边距:0到您的锚定标签(您之前有过,我刚刚通过codepen中的CSS面板应用了CSS重置,对于这一特定部分,我使用了普通重置,但是如果您想阅读更多关于重置的内容并了解它们的工作原理,以下内容将为您

我有一个导航栏,设置为显示
内联块
。当时,我添加了
hover
伪类来更改悬停时的颜色。我希望悬停状态的颜色采用区域的全宽/全高。现在只需要占用足够的空间来覆盖文本


如果您检查第一篇文章中的演示,您需要使用CSS重置来禁用所有默认浏览器样式,默认情况下
    有一个
    边距顶部:浏览器值
    页边距底部:浏览器值,通过添加
    边距:0到您的锚定标签(
    您之前有过,我刚刚通过codepen中的CSS面板应用了CSS重置,对于这一特定部分,我使用了普通重置,但是如果您想阅读更多关于重置的内容并了解它们的工作原理,以下内容将为您提供很多见解。

    要求所有指向codepen的链接都附带代码是有原因的se将您的代码添加到问题中