老师麻烦帮忙检查一下代码 谢谢~
来源:2-7 编程练习
慕粉2243585596
2020-04-26 15:22:16
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*此处写代码*/ *{ margin:0; padding:0; text-align:center; color:#fff; font-family: "微软雅黑"; list-style: none; font-size: 20px; } .header{ width:100%; height:100px; background:#000; position:fixed; } .logo{ background: url(http://climg.mukewang.com/58c0d2d900016ce303000100.png)no-repeat; width: 300px; height: 100%; float: left; } .nav{ float: right; } .nav_ul li{ float: left; margin-right: 60px; line-height: 100px; } .content{ padding-top:100px; padding-bottom:100px; } .content img{ display: block; width: 100%; } .footer{ width: 100%; position: fixed; background:#000; bottom: 0; } .footer_ul{ display:table; margin: 0 auto; } .footer_ul li{ float: left; line-height: 100px; padding: 0px 45px; } </style> </head> <body> <!-- 此处写代码 --> <div class="header"> <div class="logo"></div> <div class="nav"> <ul class=nav_ul> <li>课程</li> <li>职业路径</li> <li>实战</li> <li>猿问</li> <li>手记</li> </ul> </div> </div> <div class="content"> <img src="http://climg.mukewang.com/58c0eda50001e12416000480.jpg"/> <img src="http://climg.mukewang.com/58c0edb80001c9f216000480.jpg"/> <img src="http://climg.mukewang.com/58c0edc9000100d516000480.jpg"/> </div> <div class="footer"> <div class="footer_div"> <ul class=footer_ul> <li>网站首页</li> <li>企业合作</li> <li>人才招聘</li> <li>联系我们</li> <li>常见问题</li> <li>友情链接</li> </ul> </div> </div> </body> </html>
1回答
好帮手慕星星
2020-04-26
同学你好,代码布局以及实现效果很棒。继续加油,祝学习愉快~
相似问题
回答 1
回答 1
回答 1
回答 1
回答 2