本文实例讲述了纯CSS实现的紫罗兰风格导航条效果。分享给大家供大家参考。具体如下：
这是一款紫罗兰风格CSS导航条，相信你会喜欢，不信就点运行看一下吧，很经典的CSS菜单。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/css-zll-style-nav-codes/
具体代码如下：
复制代码代码如下:<title>CSS导航条</title><style type=”text/css”>body {margin:0;padding:0;font: bold 11px/1.5em Arial;}img {border: none;}#roS
