div+css实现绿色导航并且带鼠标经过特效

来源: 代码笔记   发布时间:2013-12-18 10:13:19

 

每个a之间利用boder实现在不同的导航链接之间能分隔开。
在第一个和最后一个又实现了不显示boder。其实代码还可以另外一种写法。这里是直接在代码里面分别加上style border-left:none和border-right:none,
我们可以先在css内预定义一个.nav a font.leftnone{border-left:none}和.nav a font.rightnone{border-left:none}
在不需要左侧boder的时候css就加上leftnone
例如第一个:
<a href="https://www.daimabiji.com/" class=“leftnone ”><font  class=“leftnone ”>首页</font></a>
尾巴后面那个就自己去想吧。