탐색 모음에 전체 블록이 표시되지 않습니까?

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