完整模塊不在導航欄中？

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; 
}