利用边框实现网页导航栏的动态效果

网页导航栏需要加点儿动态效果，来区别其他元素。图片太费劲，直接用文字效果比较简单。文字上可用的效果不外乎字体大小、颜色，背景颜色，边框效果等。边框指示效果最明显。

Google和jQuery网站有两种不同的加边框方式。
Google页面导航栏如下：

[/html]
a及两个span有相同的宽度，这样两个span就能上下排列。第一个span只有上边框的高度，height为0。第二个span则是文字信息。
当前页面，边框用红色标出，border-top-color:#DD4B39!important 。
非当前页面，边框颜色继承父元素颜色，2px solid transparent 。
jQuery页面导航栏如下：