漂亮的导航

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD>
<TITLE>导航效果</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY>
<style type="text/css">
<!--
BODY {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #004b4c; PADDING-TOP: 0px
}
A {
 COLOR: #004b4c; TEXT-DECORATION: none
}
A:hover {
 COLOR: #ff0000; TEXT-DECORATION: underline
}
#Main {
 MARGIN: 0px auto; WIDTH: 1002px
}
#menu {
 BACKGROUND: url(http://www.0769xp.com/Domain/menu_bj.gif) repeat-x 50% top; WHITE-SPACE: nowrap; HEIGHT: 33px
}
#menu LI {
 BACKGROUND: url(http://www.0769xp.com/Domain/menu_line.gif) no-repeat right top; FLOAT: left; WIDTH: 82px; HEIGHT: 33px
}
#menu LI A.here {
 BACKGROUND: url(http://www.0769xp.com/Domain/Menu_2.gif) no-repeat left top; COLOR: #000
}
#menu LI A {
 PADDING-RIGHT: 14px; DISPLAY: block; PADDING-LEFT: 14px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; COLOR: #fff; PADDING-TOP: 10px; TEXT-DECORATION: none
}
#menu LI A:hover {
 BACKGROUND: url(http://www.0769xp.com/Domain/Menu_2.gif) no-repeat left top; COLOR: #000
}
#menu LI A#M_L {
 BACKGROUND: url(http://www.0769xp.com/Domain/M_L_1.gif) no-repeat left top
}
#menu LI A.here#M_L {
 BACKGROUND: url(http://www.0769xp.com/Domain/M_L_2.gif) no-repeat left top; COLOR: #000000
}
#menu LI A#M_L:hover {
 BACKGROUND: url(http://www.0769xp.com/Domain/M_L_2.gif) no-repeat left top
}
#menu LI#M_R {
 BACKGROUND: url(http://www.0769xp.com/Domain/M_R_1.gif) no-repeat right top; FLOAT: right
}
-->
</style>
<div id="Main">
<div id="menu">
<ul>
  <li><a  class="here" id="M_L" href="#">网站首页</a> </li>
  <li><a href="#" >网站建设</a> </li>
  <li><a href="#">网站推广</a> </li>
  <li><a href="#">域名注册</a> </li>
  <li><a href="#">虚拟主机</a> </li>
  <li><a href="#">企业邮箱</a> </li>
  <li><a href="#">应用开发</a> </li>
  <li><a href="#">付款方式</a> </li>
  <li><a href="#">联系方式</a> </li>
  <li><a href="#">关于新派</a> </li>
  <li id="M_R"></li>
  </ul>
</div>
</div>
</BODY></HTML>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值