*{
font-family: Arial;
font-size: 14px;
margin: 0;
padding: 0;
border: none;
}
a{
text-decoration: none;
}
header{
height: 80px;
background: #000;
}
header > .container{
width: 1200px;
margin: 0 auto;
}
header > .container >a{
font-size: 27px;
color: #fff;
display: block;
float: left;
line-height: 80px;
margin: 5px 25px;
}
header > .container > nav{
float: right;
}
header > .container > nav > a{
font-size: 24px;
line-height: 73px;
display: block;
float: left;
width: 110px;
height: 73px;
text-align: center;
color: #fff;
}
header > .container > nav > .Home{
background: #d40112;
}
header > .container > nav > .Course{
background: #feb800;
}
header > .container > nav > .Actual{
background: #78b917
}
header > .container > nav > .Plan{
background: #433b90;
}
header > .container > nav > .FAQ{
background: #f27c01
}
header > .container > nav > .Notes{
background: #017fcb;
}
header > .container > nav > a:hover,
header > .container > nav > .active{
padding-bottom: 7px;
}
目测现在MYMOOC已经可以垂直居中了,但是logo图片却不行,应该如何修改css才能使logo图片也垂直居中呢?