代码很简单，就不多废话了，直接奉上代码：
复制代码 代码如下:
*{
font-family:Microsoft YaHei;
margin:0;
padding:0;
}
body{width:100%;}
ul{list-style: none;}
a{text-decoration: none;}
#header{
height:50px;
line-height:50px;
background:#455A6E;
}
#header h2,#header h3{
font-weight:500;
}
#header h2{
color:#fff;
font-size:18px;
width:180px;
text-align: center;
background:#0D2E49;
}
#header h3{color:#fff;font-size:16px;}
.mycenter{
width:900px;
margin:0 auto;
}
#header div.mycenter{
position:relative;
}
#nav {
width:180px;
background:rgba(0, 102, 173, 0.5);
z-index:999;
}
#nav li{
height:40px;
padding-left:40px;
line-height: 40px;
position:relative;
}
#nav h3{height:40px;}
#nav li dl{
position:relative;
left:140px;
top:-40px;
width:150px;
background:#fff;
display:none;
padding:8px 10px;
}
#nav dt{
width:150px;
line-height: 30px;
height:30px;
background:#36C1AF;
color:#fff;
text-align: center;
}
#nav dd a{
display:block;
height:30px;
width:150px;
font-size:14px;
color:#858585;
}
#nav dd a:hover{
text-decoration: underline;
}
#content{
background:#E95200;
height:500px;
}
后台管理菜单
小伙伴们根据自己的需求，将调用代码加进去就可以了，自由发挥吧。
