最简单但很实用的CSS菜单

您的当前位置：网页特效 > 菜单导航 > 正文

分类标签：菜单导航　更新时间：10-04-24　阅读次数：
这是一个最简单但非常实用的CSS菜单，只需定义a标签的三种状态就可实现神奇效果，初学CSS的朋友，这个菜单是个很不错的范例教程，好好研究一下对入门CSS很有帮助

<title>CSS菜单</title> <style type="text/css"> *{margin:0px;padding:0px;font-size:12px;} #nav li{float:left; list-style:none;} #nav li a{color:#000;text-decoration:none;display:block;width:100px;height:25px;line-height:25px;text-align:center;background:#ececec;margin-left:2px;} #nav li a:hover{background:#336699;color:#eee;} </style> </head> <body> <ul id="nav"> <li><a href="#">首页</a></li> <li><a href="#">文章</a></li> <li><a href="#">参考</a></li> <li><a href="#">Blog</a></li> <li><a href="#">论坛</a></li> <li><a href="#">联系</a></li> </ul>
提示:可以修改后运行.

本类推荐特效代码