蓝色导航CSS实现

来源：互联网发布：linux rpm安装编辑：程序博客网时间：2024/04/29 09:39

蓝色导航CSS

代码

<!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></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> </BODY></HTML>