HTML5/CSS3菜单代码阴影+发光+圆角

时间：2013-10-28 09:52 来源：互联网作者：源码搜藏浏览：次收藏挑错推荐打印

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5/CSS3阴影菜单</title>
<style>
.ui-menu {
	border: 0px;
	background: #37578C;
	background: -webkit-linear-gradient(#37578C, #002B46, #608BAE);
	background: -moz-linear-gradient(#37578C, #002B46, #608BAE);
	background: -ms-linear-gradient(#37578C, #002B46, #608BAE);
	background: -o-linear-gradient(#37578C, #002B46, #608BAE);
	background: linear-gradient(#37578C, #002B46, #608BAE);
	border-radius: 5px 5px 5px 5px;
	padding: 5px 20px 0px 20px;
	line-height: 20px;
	box-shadow: 2px 2px 5px #FFFFFF;
}
.ui-menu-li {
	border-radius: 5px 5px 0px 0px;
	padding: 5px 10px 5px 10px;
	list-style: none;
	display: inline;
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #FFFFFF;
	text-shadow:5px 2px 5px #FFFFFF;
	cursor: pointer;
}
.ui-menu-li-curr {
	background: #89B5D2;
	background: -webkit-linear-gradient(#37578C, #608BAE);
	background: -moz-linear-gradient(#37578C, #608BAE);
	background: -ms-linear-gradient(#37578C, #608BAE);
	background: -o-linear-gradient(#37578C, #608BAE);
	background: linear-gradient(#F2B1D9, #608BAE);
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 5px #FFFFFF;
}
.ui-menu-li:hover {
	background: #89B5D2;
	background: -webkit-linear-gradient(#37578C, #608BAE);
	background: -moz-linear-gradient(#37578C, #608BAE);
	background: -ms-linear-gradient(#37578C, #608BAE);
	background: -o-linear-gradient(#37578C, #608BAE);
	background: linear-gradient(#F2B1D9, #608BAE);
	border-radius: 5px 5px 5px 5px;
	box-shadow: 2px 2px 5px #FFFFFF;
}
</style>
</head>
<body style=" background-color:#000;">
<menu class="ui-menu">
<li class="ui-menu-li"><a href="http://www.codesocang.com">源码搜藏</a></li>
<li class="ui-menu-li">技术文章</li>
<li class="ui-menu-li ui-menu-li-curr">网页特效</li>
<li class="ui-menu-li">精品源码</li>
<li class="ui-menu-li">下载排行</li>
<li class="ui-menu-li">最新更新</li>
<li class="ui-menu-li">回到首页</li>
</menu>
</body>
</html>

运行代码保存代码复制代码提示：您可以先修改部分代码再运行，保存代码功能在Firefox下无效。