Html <;a href>;列表内部显示不正确
我只是想通过在无序列表中的列表中放置一些超链接来创建一个选项卡按钮。之后,我想改变标签的颜色,当鼠标悬停在它上面。在我下面的代码中,我可以将颜色更改为绿色,但它没有覆盖选项卡,而是在链接的左右两侧存在一些空间Html <;a href>;列表内部显示不正确,html,css,Html,Css,我只是想通过在无序列表中的列表中放置一些超链接来创建一个选项卡按钮。之后,我想改变标签的颜色,当鼠标悬停在它上面。在我下面的代码中,我可以将颜色更改为绿色,但它没有覆盖选项卡,而是在链接的左右两侧存在一些空间 这里的内容 除浮动外:左;填充:0;边距:0,将所有样式放在A标记上,而不是LI标记上。在A标记上使用diplay:block,以启用边距和填充 请参阅我的教程:而不是float:left;填充:0;边距:0,将所有样式放在A标记上,而不是LI标记上。在A标记上使用diplay:b
这里的内容
除浮动外:左;填充:0;边距:0
,将所有样式放在A标记上,而不是LI标记上。在A标记上使用diplay:block
,以启用边距和填充
请参阅我的教程:而不是
float:left;填充:0;边距:0
,将所有样式放在A标记上,而不是LI标记上。在A标记上使用diplay:block
,以启用边距和填充
参见我的教程:参见此小提琴:
您的a
必须是块元素,以便它占据li
的全部宽度。还删除了li的填充,并将其添加到一个only。你可以玩js小提琴。看看这个小提琴:
您的
a
必须是块元素,以便它占据li
的全部宽度。还删除了li的填充,并将其添加到一个only。您可以玩js小提琴。因为您为li
设置了一个填充,所以剩余的红色空间是li
边框和内部a
之间的空间。对于您的情况,您可以在li
上设置悬停
:
...
#header li:hover {
background:#00FF00;
}
#标题a:hover{background:#00FF00;}
因为您为li
设置了填充,所以剩余的红色空间是li
边框和内部a
之间的空间。对于您的情况,您可以在li
上设置悬停
:
...
#header li:hover {
background:#00FF00;
}
#头a:hover{background:#00FF00;}
哇..我认为hover只能应用于元素。谢谢你。它解决了我的问题。@Sukumar-:hover将适用于所有元素,但在IE6中它只适用于a.Wow。我认为hover只能应用于元素。谢谢你。它解决了我的问题。@Sukumar Ramadumono-:hover将适用于所有元素,但在IE6中它只适用于a。@Sukumar Ramadumono-很高兴这是您所需要的。只要接受答案,未来的用户就可以确定这是一个有效的解决方案。@Sukumar-Rama-很高兴这是您所需要的。只要接受这个答案,未来的用户就可以确信它是一个有效的解决方案。