css实现下拉菜单导航条效果代码
代码语言:html
所属分类:菜单导航
代码描述:css实现下拉菜单导航条效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/reset.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style>
html {
height:100%;
background-color:#f8f8f8;
}
body {
overflow:hidden;
height:100%;
width:980px;
margin:0 auto;
background-color:#ffffff;
font-family:'Roboto',sans-serif;
color:#555555;
}
a {
text-decoration:none;
color:inherit;
}
* {
box-sizing:border-box;
}
.menu {
display:block;
position:relative;
cursor:pointer;
}
.menu-title {
display:block;
width:150px;
height:40px;
padding:12px 0 0;
background:#9dc852;
text-align:center;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
transition:0.3s background-color;
}
.menu-title:before {
content:"";
.........完整代码请登录后点击上方下载按钮下载查看
网友评论0