#nav{ height: 44px; width: 425px; background: #FFFFFF;}.vline{ background: #999999; width: 1px; height: 20px;}#nav ul{ margin: 0px; padding: 0px; list-style-type: none;}#nav li{ float: left; font-family: Arial; font-weight: bold; font-size: 12px; text-align: center;}#nav li a{ display: block; width: 84px; line-height: 28px; color: #666666; text-decoration: none; border-top: 4px solid #0F35A5;}#nav li a:hover{ color: #7C8DD9; border-top: 4px solid #7C8DD9;} 
水平导航菜单（DIV+CSS）_html/css_WEB-ITnose
完全用DIV+CSS做的菜单，相比传统用图片做的打开速度更快。预览最终效果>>