DIV+CSS?菜鸟分享学习心得!导航篇_html/css_WEB-ITnose

新建一个html文件：

代码：

这个就是最常见的导航条制作过程了，实现了鼠标访问前悬停，以及释放离去的效果。

以下是打开网页的显示效果：

以下为IE鼠标悬停的效果：

感兴趣的朋友可以把 background-color:#ff9933; 换成background-image:XXXXX;来试下，放入喜欢的图片，就能做出属于自己的个性导航了喔。

2、 垂直红色立体导航

FF浏览效果：

IE鼠标点击效果