完整模块不在导航栏中？

Question

我写下面的代码来制作一个导航栏，跟在demo之后。

<ul id="nav"> 
<li><a href="#">home</a></li> 
<li><a href="#">home</a></li> 
<li><a href="#">home</a></li> 
<li><a href="#">home</a></li> 

</ul> 
#nav li 
{ 
float:left; 
margin-right:13px; 
margin-top:25px; 
border-left:1px dashed gray; 
} 
#nav a 
{ 
display:block; 
margin:20px 10px; 
} 
#nav a:hover 
{ 
color:red; 
} 

论块徘徊完整的红色是显示不出来我想这样

但是红色有些事情是只是显示不完整的块上的链接。在我的代码中帮助我。

Answer 1

#nav a:hover 
{ 
color:red; 
} 

的color属性是用于指定文本颜色。只有文本颜色正在改变的原因是因为这是你所要求的。如果你想背景颜色改变，你需要指定background-color：

#nav a:hover 
{ 
    background-color:red; 
}