黑色CSS菜单，简洁但效果好_菜单导航特效

同样是CSS导航菜，看上往简洁，但用起来效果很不错。自己试手写的，也请高手指正。现有一个题目就是中文、英文的对齐题目，假如菜单里的某项是纯中文或纯英文，则两个菜单的高度会有差别，到现在没有找到解决办法，也请高手指正。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" />
<title>我的导航条</title>
<style type="text/css">
* {
	margin:0;
	padding:0;
}
body {
	font-family:宋体;
	font-size:12px;
	background:#666;
}
#main_nav {
	list-style:none;
	margin:100px;
}
#main_nav li {
	float:left;
}
#main_nav li a {
	display:block;
	padding: 10px 20px;
	background:#000;
	color:#FFF;
	border:1px solid #000;
	text-decoration:none;
	text-transform:capitalize;
}
#main_nav li a:hover {
	background:#ccc;
	color:#000;
	border:1px solid #000;
}
</style>
</head>
<body>
<ul id="main_nav">
  <li><a href="/sort/list_11_203_1.shtml">Ajax/JavaScript下载</a></li><li><a href="/sort/list_11_83_1.shtml">ExtJS实例</a></li><li><a href="/sort/list_11_112_1.shtml">jQuery代码</a></li><li><a href="/sort/list_11_168_1.shtml">CSS殊效</a></li><li><a href="/sort/list_11_96_1.shtml">HTML精选</a></li><li><a href="/sort/list_11_202_1.shtml">在线编辑器</a></li><li><a href="/sort/list_11_209_1.shtml">Mootools举例</a></li><li><a href="/sort/list_11_210_1.shtml">Prototype框架</a></li>
</ul>
</body>
</html>

所属频道：菜单导航特效/更新时间：2010-05-22

[收藏][报错][返回列表]

黑色CSS菜单，简洁但效果好_菜单导航特效

菜单导航特效Rss订阅特效代码搜索

菜单导航特效推荐

猜你也喜欢看这些