怎么实现logo图片和右边文字垂直居中啊?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | <!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 > |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | .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积分~
来为老师/同学的回答评分吧