代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <mce:style><!-- /***********************************************/ /* 快速连接导航栏 */ /***********************************************/ #nav { margin: 0; width: 12em; border-right: 1px solid #000; padding: 0 0 0em 0; margin-bottom: 0em; font-family: Tahoma, Arial, sans-serif; /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/ font-size : 12px; background-color: #90bade; color: #333; float:left; } #nav ul { list-style: none; margin: 0; padding: 0; border: none; } #nav li { border-bottom: 1px solid #90bade; margin: 0; list-style: none; list-style-image: none; text-align: left; } #nav li a { display: block; padding: 3px 5px 3px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; } html>body #nav li a { width: 120px; } #nav li a:hover { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; } #nav li #active { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; } --></mce:style><style mce_bogus="1">/***********************************************/ /* 快速连接导航栏 */ /***********************************************/ #nav { margin: 0; width: 12em; border-right: 1px solid #000; padding: 0 0 0em 0; margin-bottom: 0em; font-family: Tahoma, Arial, sans-serif; /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/ font-size : 12px; background-color: #90bade; color: #333; float:left; } #nav ul { list-style: none; margin: 0; padding: 0; border: none; } #nav li { border-bottom: 1px solid #90bade; margin: 0; list-style: none; list-style-image: none; text-align: left; } #nav li a { display: block; padding: 3px 5px 3px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; } html>body #nav li a { width: 120px; } #nav li a:hover { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; } #nav li #active { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; }</style> </HEAD> <BODY> <div id="pagebody"> <div id="nav"> <ul> <li><a href="/content/kuaisulianjie/20071107/66.html" mce_href="content/kuaisulianjie/20071107/66.html" target="_blank">网上办公</a></li><li><a href="/content/kuaisulianjie/20071107/65.html" mce_href="content/kuaisulianjie/20071107/65.html" target="_blank">校务公开</a></li><li><a href="/content/kuaisulianjie/20071107/64.html" mce_href="content/kuaisulianjie/20071107/64.html" target="_blank">学工在线</a></li><li><a href="/content/kuaisulianjie/20071107/63.html" mce_href="content/kuaisulianjie/20071107/63.html" target="_blank">青大青年</a></li><li><a href="/content/kuaisulianjie/20071107/62.html" mce_href="content/kuaisulianjie/20071107/62.html" target="_blank">研 究 生</a></li><li><a href="/content/kuaisulianjie/20071107/60.html" mce_href="content/kuaisulianjie/20071107/60.html" target="_blank">网上课堂</a></li><li><a href="/content/kuaisulianjie/20071107/61.html" mce_href="content/kuaisulianjie/20071107/61.html" target="_blank">图 书 馆</a></li><li><a href="/content/kuaisulianjie/20071107/59.html" mce_href="content/kuaisulianjie/20071107/59.html" target="_blank">网上党校</a></li><li><a href="/content/kuaisulianjie/20090302/1924.html" mce_href="content/kuaisulianjie/20090302/1924.html" target="_blank">青大校报</a></li><li><a href="/content/kuaisulianjie/20071107/55.html" mce_href="content/kuaisulianjie/20071107/55.html" target="_blank">后勤服务</a></li> </ul> </div><!--end nav--> </BODY> </HTML>