怎么把一級導航條在移動到該選項是文字 會往上移動，還有移動到二級導航條怎么使其選項變顏色
<title>無標題文檔</title>
<style type="text/css">
* {
margin:0;
padding:0;
border:none;
/*整體的與邊界距離*/
}
#menu{
width:1380px;
height:40px;
background-color: #FFF;
position:absolute;
top:0px;
/*導航條的放置方式*/
}
#menu ul li {?
? ? ? list-style:none;
?display:block;
?/*導航條的放置方式*/
?}
#menu ul li a{ ?display:block;
float: left;
height:45px;
color: #000;
margin-right:5px;
margin-top:10px;
padding:0 58.4px;
font-size: 18px;
list-style:none;
text-decoration: none;
position: relative;
display:block;
}
#menu ul li a:hover {
background-color: #C00;
height:40px;
color: #FFF;
margin-top:0px;
}
#menu ul li ul{?
? ? visibility: hidden;
background-image:none;
display:block;
? ? left:4px;
line-height:25px;
? ? background-color: #00F;
color: #000;
margin-top:19px;
/*二級導航放置方式*/
}
#menu ul li ul ?li a{
background-color: #00F;
background-image: none;
color: #FFF;
}
#menu ul li ul a:hover{
background-color:#FF0;
}
#menu ul li:hover ul {?
? ? visibility:visible;
? ? position:relative;
background-color: #FFF;
/*二級導航放置方式*/
}
#logo {
position:absolute;
/*文字的放置*/
}
#word {
position: absolute;
top: 360px;
left: 156px;
font-size: 28px;
color: #CCC;
/*文字*/
}?
</style>
</head>
<body>
?<div id="menu">
? ? ? ? <ul>
? ? ? ? ? ? <li><a href="#">北大概況
? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? <li>北大簡歷</li>
? ? ? ? ? ? ? ? ? ? <li>現任領導</li>
? ? ? ? ? ? ? ? ? ? <li>歷任領導</li>
? ? ? ? ? ? ? ? ? ? <li>組織機構</li>
? ? ? ? ? ? ? ? ? ? <li>歷史名人</li>
? ? ? ? ? ? ? ? ? ? <li>信息公開</li>
? ? ? ? ? ? ? ? ? ? <li>綠色校園</li>
? ? ? ? ? ? ? ? ?</ul></a>
? ? ? ? ? ? ? ?</li>
? ? ? ? ? ? ?<li><a href="#">招生與資助</a></li>
? ? ? ? ? ?<li><a href="#">院系設置</a></li>
? ? ? ? ? ?<li><a href="#">教育教學</a></li>
? ? ? ? ? ? ? <li><a href="#">科學研究</a></li>
? ? ? ? ? ?<li><a href="#">合作交流</a></li>
? ? ? ? ?<li><a href="#">校園生活</a></li>
? ? ? </ul>
? ? </div>
<div id="word"><span style=" background-color:rgba(0,0,0,0.6);">霧窗寒對瑤天暮，暮天遙對寒窗霧。</span></div><div id="logo"></div>
<div>
<img src="../呂康男網頁部分/小雪.jpg" width="1380" height="460" ?/>
</div>
</body>
</html>
