无法改变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 | <!DOCTYPE html> < html > < head > < meta charset = "UTF-8" > < title >商城</ title > < link rel = "stylesheet" type = "text/css" href = "../css/shangcheng.css" > < script type = "text/javascript" src = "../js/shangcheng.js" ></ script > </ head > < body > < div class = "header" > < dir class = "logo" > < img src = "../image/1.jpg" > </ dir > < div class = "menu" onmouseleave = "show_menu1()" > < div class = "menu_title" onclick = "show_menu()" > < a href = "#" >内容分类</ a > </ div > < ul id = "menu1" > < li >现实主义</ li > < li >抽象主义</ li > </ ul > </ div > < dir class = "auth" > < ul > < li >< a href = "#" >登录</ a ></ li > < li >< a href = "#" >注册</ a ></ li > </ ul > </ dir > </ div > < div class = "content" ></ 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 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | *{ padding : 0px ; margin : 0px ; } .header{ margin : 25px auto 0 50px ; } .header .menu ul{ display : none ; list-style : none ; } .header .logo{ float : left ; position : relative ; } .header .menu{ float : left ; position : relative ; margin-top : 12px ; margin-left : 16px ; } /*菜单显示折叠*/ /*.header .menu:hover ul{ display: block; }*/ .header .menu ul li{ margin-top : 20px ; text-align : center ; } .header .menu .menu_title{ border-bottom : 1px solid black ; padding-bottom : 20px ; width : 80px ; text-align : center ; } a{ text-decoration : none ; } .header .auth{ float : right ; } .header .auth ul li{ float : left ; margin-right : 50px ; margin-top : 20px ; list-style : none ; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | var flag = true ; function show_menu() { var menu1 = document.getElementById( "menu1" ); if (flag) { menu1.style.display= "block" ; flag = false ; } else { menu1.style.display= "none" ; falg = true ; } } function show_menu1() { var menu1 = document.getElementById( "menu1" ); menu1.style.display = "none" ; flag = true ; } |
我在css.header .logo的那个语句中用width,height无法改变它的大小
15
收起
正在回答
2回答
同学你好,改变logo图片大小,同学可以为.header .logo设置宽度与高度,然后为logo下的img设置宽度与高度。修改后代码如下所示:
如果我的回答解决了你的疑惑,请采纳!祝学习愉快!
2. 从网页搭建入门JavaWeb
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手,到Java Web基础,前后端结合助你完成Java Web小白的蜕变!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧