css
.topmenu
{
display: block;
float: left;
width: 100%;
height: 36px;
background-color: #3A4F63;
}
.topmenu
{
line-height: 24px;
list-style-type: none;
}
.topmenu a
{
display: block;
text-align: center;
}
.topmenu a:link
{
color: #666;
text-decoration: none;
}
.topmenu a:visited
{
color: #666;
text-decoration: none;
}
.topmenu a:hover
{
color: #FFF;
text-decoration: none;
font-weight: bold;
}
.topmenu li
{
float: left;
background: #CCC;
}
.topmenu li a:hover
{
background: #999;
}
.topmenu li ul
{
line-height: 27px;
list-style-type: none;
text-align: left;
left: -999em;
width: 180px;
position: absolute;
}
.topmenu li ul li
{
float: left;
width: 180px;
background: #F6F6F6;
}
.topmenu li ul a
{
display: block;
width: 156px;
text-align: left;
padding-left: 24px;
}
.topmenu li ul a:link
{
color: #666;
text-decoration: none;
}
.topmenu li ul a:visited
{
color: #666;
text-decoration: none;
}
.topmenu li ul a:hover
{
color: #F3F3F3;
text-decoration: none;
font-weight: normal;
background: #C00;
}
.topmenu li:hover ul
{
left: auto;
}
.topmenu li.sfhover ul
{
left: auto;
}
<ul class="topmenu" runat="server" id="Nav">
<li runat="server" visible="false" id="menuDefault"><a class="submenu" href="Default.aspx">
首页</a>
<ul>
<li runat="server" visible="false" id="menuStaffList"><a class="submenu" href="StaffList.aspx">
人员维护</a></li>
<li runat="server" visible="false" id="menuProjectList"><a class="submenu" href="ProjectList.aspx">
项目维护</a></li>
<li runat="server" visible="false" id="menuWorkLoadPercent"><a class="submenu" href="WorkLoadPercent.aspx">
人员工时</a></li>
<li runat="server" visible="false" id="menuDepartmentInfo"><a class="submenu" href="DepartmentInfo.aspx">
部</a></li>
<li runat="server" visible="false" id="menuDivisionInfo"><a class="submenu" href="DivisionInfo.aspx">
课/PJT</a></li>
<li runat="server" visible="false" id="menuPeriod"><a class="submenu" href="Period.aspx">
评价期</a></li>
<li runat="server" visible="false" id="menuReport"><a class="submenu" href="Report.aspx">
报告</a></li>
<li runat="server" visible="false" id="menuRight"><a class="submenu" href="Right.aspx">
权限</a></li>
</ul>
</li>
</ul>
