綠色帶陰影滑過變色自適應(yīng)寬度的純CSS菜單_菜單導(dǎo)航特效

綠色帶陰影劃過變色自適應(yīng)寬度的純CSS菜單，用了超多的修飾詞來形容她，由于確實(shí)很不錯(cuò)哦！它可以在多行上顯示，老外的東西就是不一樣，不佩服不行哦。使用的時(shí)候可以單獨(dú)將菜單部分摘往，再優(yōu)化一下CSS，這樣更完美了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=utf-8" />
<title>mb5u.com Menu</title>
<style type="text/css">
html,body{
	margin:0;
	padding:30px 10px;
	text-align:center;
}
#outer{
	width:780px;
	margin:auto;
	text-align:left;
	border:1px solid #000;
}
#outer{overflow:hidden;position:relative}
.navwrap{
	float:left;
	position:relative;
	left:50%;
	text-align:left;
	margin-bottom:2em;
}
.navwrap ul{
	list-style:none; 
	position:relative;
	left:-50%;
	margin:0;
	padding:0;
} 
.navwrap li{
	border:1px solid #eff2df;
	float:left;
	margin:0 10px 0 0;
	background:#809900;
}
.navwrap li.last{margin-right:0}
.navwrap li a{
	float:left;
	border:1px solid #4c7300;
	position:relative;
	left:-2px;
	top:-2px;
	background:#eff2df;
	color:#4c7300;
	text-decoration:none;
	padding:6px 10px;
	font-weight:bold;
}
.navwrap li a:hover{
	background:#809900;
	color:#fff;
}
p{clear:both;padding:10px}
h1{text-align:center;margin:1em 0;}
.clearer{
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	clear:both;
}

</style>
<!--[if IE ]>
<style type="text/css">
.navwrap ul{float:left;}

</style>
<![endif]-->
</head>
<body>
<div id="outer">
	<h1>Welcome To mb5u.com</h1>
	<div class="navwrap">
		<ul>
			<li><a href="/sort/list_11_203_1.shtml">Button 1</a></li>
			<li><a href="/sort/list_11_203_1.shtml">Button 2's a CodeFans.Net</a></li>
			<li><a href="/">This is Button 3</a></li>
			<li><a href="#">B 4</a></li>
			<li><a href="/sort/list_11_112_1.shtml">jQuery Demos</a></li>
			<li class="last"><a href="/sort/list_11_203_1.shtml">Ajax</a></li>
		</ul>
	</div>
	<div class="clearer"></div>
	
	<div class="navwrap">
		<ul>
			<li><a href="#">ASP Codes</a></li>
			<li><a >Hello World!</a></li>
			<li class="last"><a href="/">Mb5u.com</a></li>
		</ul>
	</div>
	<div class="clearer"></div>
	
	</div>
</body>
</html>

所屬頻道：菜單導(dǎo)航特效/更新時(shí)間：2010-05-22

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)菜單導(dǎo)航特效：

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索綠色帶陰影滑過變色自適應(yīng)寬度的純CSS菜單
特效說明：
菜單導(dǎo)航模板-綠色帶陰影滑過變色自適應(yīng)寬度的純CSS菜單。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

綠色帶陰影滑過變色自適應(yīng)寬度的純CSS菜單_菜單導(dǎo)航特效

菜單導(dǎo)航特效Rss訂閱特效代碼搜索

菜單導(dǎo)航特效推薦

猜你也喜歡看這些