本文实例讲述了CSS实现带阴影效果的黑色导航菜单效果。分享给大家供大家参考。具体如下:
这是一款CSS实现带阴影效果黑色导航菜单,有立体感,鼠标放到菜单上会看到菜单的背景在变化,纯CSS的代码应用,没有使用任何的JavaScript代码。如果你觉得菜单的背景颜色和文字颜色不是您想要的,你还可以自己修改CSS文件,只要你有创意,一个漂亮菜单就会诞生。
运行效果截图如下:
在线演示地址如下:
具体代码如下:
复制代码代码如下:
/p>
"http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
黑色炫酷个人网站导航菜单.bg {background: url(images/button4.gif);}
.menu {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; margin-top:100px;}
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block