<div class="anmenu">
<div id="top-logo">
<p>企业</p>
</div>
这是前台界面
下面是css
ul, li{
margin:0;
padding:0;
list-style-type:none;
}
a{
text-decoration:none;
}
.menu li{
float:left;
width:150px;
}
.menu li dl{
margin:0;
padding:0;
width:150px;
}
.menu li dt{
margin:0;
padding:5px;
text-align:center;
background:#5d316b;
}
.menu li dd{
display:none;
margin:0;
padding:5px;
text-align:center;
background:#c5a0d2;
}
.menu li dt a, .menu li dt a:visited{
display:block;
color:#fff;
}
.menu li dd a, .menu li dd a:visited{
display:block;
color:#fff;
}
.menu li:hover dd, .menu li a:hover dd{
display:block;
}
.menu li dd a:hover{
color:#80478c;
}
.menu li:hover, .menu li a:hover{
border:0;
}
#top-logo{
float: left;
display: inline;
height: 80px;
line-height: 80px;
}
#top-logo p{
color: #FFFFFF;
font-size: 30px;
margin-left: 6%;
min-width: 250px;
}
.anmenu {
position: relative;
display: block;
height: 80px;
background: #444444;
width: 100%;
}![