页面导航模板

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>

#nav {
 FONT-FAMILY: "雅黑","Tahoma"; BACKGROUND: url(bg_menu.png) repeat-x; HEIGHT: 71px
}
#channel_list {
 HEIGHT: 37px
}
#channel_list UL {
 PADDING-LEFT: 0px; PADDING-TOP: 12px
}
#channel_list LI {
 BORDER-LEFT: #497ab9 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 13px; PADDING-LEFT: 16px; PADDING-RIGHT: 15px; FLOAT: left; HEIGHT: 11px; COLOR: #fff; FONT-SIZE: 13px; BORDER-RIGHT: #2a5293 1px solid; PADDING-TOP: 1px; _padding-top: 2px; _line-height: 11px; _height: 10px
}
#channel_list LI.first {
 PADDING-LEFT: 15px; BORDER-LEFT-STYLE: none
}
#channel_list LI.end {
 BORDER-RIGHT-STYLE: none
}
#channel_list LI.current A {
 COLOR: #ff0; FONT-WEIGHT: normal
}
#channel_list A {
 LETTER-SPACING: 1px; COLOR: #fff
}

 

#subnav {
 HEIGHT: 33px
}
#category_list {
 PADDING-BOTTOM: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 0px; PADDING-TOP: 8px
}
#category_list LI {
 PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 12px; BACKGROUND: url(/img/bg_submenu.gif) no-repeat 0px 3px; FLOAT: left; COLOR: #333; PADDING-TOP: 0px
}
#category_list LI.first {
 BACKGROUND: none transparent scroll repeat 0% 0%
}
#category_list A {
 COLOR: #333; TEXT-DECORATION: none
}
#category_list A:visited {
 COLOR: #333
}
#category_list A:hover {
 BORDER-BOTTOM: #26519a 2px solid; COLOR: #19489e; TEXT-DECORATION: underline
}
#category_list LI A.current {
 BORDER-BOTTOM: #26519a 2px solid; COLOR: #19489e; FONT-WEIGHT: bold; TEXT-DECORATION: underline
}
</style>
</head>

<body>
<DIV id=nav>
<DIV id=channel_list>
<UL>
  <LI class="start "><A href="http://www.shiming8.cn/">首页</A> </LI>
  <LI><A href="http://www.shiming8.cn/news/%22%3EIT资讯</A> </LI>
  <LI class=current><A href="http://www.shiming8.cn/developer/">程序开发</A> </LI>
  <LI><A href="http://www.shiming8.cn/os/">操作系统</A> </LI>
  <LI><A href="http://www.shiming8.cn/sysapp/">应用技术</A> </LI>
  <LI><A href="http://www.shiming8.cn/database/">数据库</A> </LI>
  <LI><A href="http://www.shiming8.cn/designer/">平面设计</A> </LI>
  <LI class="end "><A href="http://www.shiming8.cn/media/">媒体动画</A> </LI></UL>
<DIV class=cl></DIV></DIV>
<DIV id=subnav>
<DIV id=category_list>
<UL>
  <LI class=first><A href="http://www.shiming8.cn/g/java/%22%3EJava%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/g/dotnet/%22%3E.Net%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/g/webfe/%22%3EWeb前端</A> </LI>
  <LI><A href="http://www.shiming8.cn/developer/clang/%22%3EC/C++%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/php/%22%3EPHP%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/ruby/%22%3ERuby%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/python/%22%3EPython%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/perl/%22%3EPerl%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/erlang/%22%3EErlang%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/html5/%22%3EHTML5%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/android/%22%3EAndroid%3C/a> </LI>
  <LI><A href="http://www.shiming8.cn/developer/objc/%22%3EObjC%3C/a> </LI>
</UL>
<DIV class=kcl></DIV>
</DIV>
</DIV>
</DIV>
</body>
</html>

你可能感兴趣的:(模板)