请老师帮忙看看我的代码。想知道图片和图片之间的空白怎么去除,底部的空白怎么消去。
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 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 | <!DOCTYPE html> < html > < head > < meta charset = "UTF-8" > < title ></ title > < style type = "text/css" > /*此处写代码*/ *{margin:0; padding:0; } body{height: 2900px; } .tb{background:black; width:100%; height:100px; position:absolute; top: 0; position: fixed; } .logo{ background:url(http://img1.sycdn.imooc.com/climg//58c0d2d900016ce303000100.png); width:300px; height:100px; float:left; } .dht{ width:100px; height: auto; color: white; float: right; font-size: 20px; line-height: 100px; margin-left:30px; text-align: center; cursor: pointer; } .dht:nth-child(4){margin-left: 40px;} .wb{ background-color: black; width: 100%; height: 100px; bottom: 0; position: fixed; } .ljqy{float: left; margin: 0 10px} .ljq{color: white; line-height: 100px; float: left; margin: 0px 50px; text-align: center; width: 100px; } .tp1{background: url(http://img1.sycdn.imooc.com/climg//58c0eda50001e12416000480.jpg) top center no-repeat; width: 100%; height:500px; margin-top: 100px; } .tp2{background: url(http://img1.sycdn.imooc.com/climg//58c0edb80001c9f216000480.jpg) top center no-repeat; width: 100%;height:500px; } .tp3{background: url(http://img1.sycdn.imooc.com/climg//58c0edc9000100d516000480.jpg) top center no-repeat; width: 100%;height:500px; } </ style > </ head > < body > <!-- 此处写代码 --> < div class = "tb" > < div class = "logo" ></ div > < div class = "dht" >手记</ div > < div class = "dht" >猿问</ div > < div class = "dht" >实战</ div > < div class = "dht" >职业路径</ div > < div class = "dht" >课程</ div > </ div > < div class = "tp1" ></ div > < div class = "tp2" ></ div > < div class = "tp3" ></ div > < div class = "wb" > < div class = "ljqy" > < div class = "ljq" >网站首页</ div > < div class = "ljq" >企业合作</ div > < div class = "ljq" >人才招聘</ div > < div class = "ljq" >联系我们</ div > < div class = "ljq" >常见问题</ div > < div class = "ljq" >友情链接</ div > </ div > </ div > </ body > </ html > |
13
收起
正在回答 回答被采纳积分+1
2回答
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧