css实现自适应下拉菜单栏导航效果代码-html代码-BFW代码库

css实现自适应下拉菜单栏导航效果代码

代码语言：html

代码描述：css实现自适应下拉菜单栏导航效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
        <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/reset.min.css">
<style>
body {
	background:#ccc;
	font-family:helvetica,arial,serif;
	font-size:13px;
	text-transform:uppercase;
	text-align:center
}
.wrap {
	display:inline-block;
	-webkit-box-shadow:0 0 70px #fff;
	-moz-box-shadow:0 0 70px #fff;
	box-shadow:0 0 70px #fff;
	margin-top:40px
}
.decor {
	background:#6EAF8D;
	background:-webkit-linear-gradient(left,#CDEBDB 50%,#6EAF8D 50%);
	background:-moz-linear-gradient(left,#CDEBDB 50%,#6EAF8D 50%);
	background:-o-linear-gradient(left,#CDEBDB 50%,#6EAF8D 50%);
	background:linear-gradient(left,white 50%,#6EAF8D 50%);
.........完整代码请登录后点击上方下载按钮下载查看