怎么实现logo图片和右边文字垂直居中啊?

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="css/career.css"> <script type="text/javascript" src="js/js1.js"></script> </head> <body> <div class="header"> <div class="logo"> <img src="images/logo.png"> </div> <div class="menu"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">GALLERY</a></li> <li><a href="#">FACULITY</a></li> <li><a href="#">EVENTS</a></li> <li><a href="#">CONTACT</a></li> </ul> </div> </div> <div class="content"> <div class="banner"></div> <div class="ABOUT"></div> <div class="GALLERY"></div> </div> <div class="footer"></div> </body> </html>
.header{
background-color:#aaa111;
height:80px;
line-height:80px;
width:100%;
}
.header .logo{
float:left;
position:relative;
left:100px;
}
.header .menu{
float:right;
/* position:relative;*/
}
.header .menu ul li{
float:left;
margin-right:10px;
margin-top:0px;
list-style:none;
}视频里说把height和line-height的大小设置成一样的,就能垂直居中,不管用啊。
还有怎么能获取logo图片里背景颜色的十六进制数值?
还有怎么让右边的文字变成白色,还有字体怎么变成效果图里那种字体?
23
收起
正在回答 回答被采纳积分+1
3回答
2. 从网页搭建入门JavaWeb
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手,到Java Web基础,前后端结合助你完成Java Web小白的蜕变!
了解课程



恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星