2012-01-03 30 views
0

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

は、私はこの

しかし、赤い色のようないくつかのことだけではない完全なブロック上のリンクに表示されたく表示されません。私のコードで助けてください。

答えて

1
#nav a:hover 
{ 
color:red; 
} 
color

プロパティは、テキスト色を指定するためのものです。テキストの色だけが変化している理由は、これがあなたが求めているすべてのものだからです。あなたは背景色を変更したい場合は、background-colorを指定する必要があります。

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

感謝をはい、これは私に多くを私は再び、さらに感謝を進めることができ、このからの感謝をするのに役立ちます。 –

関連する問題