老师帮我看下，我觉得我写复杂了，
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
body{margin: 0; padding: 0; min-width: 700px;}
.header{width: 100%; height: 100px;
background: black;}
.header ul{float:right;}
.header ul li{color: white; font-size: 20px; list-style-type: none;
display: inline; margin: 20px; line-height: 65px;}
.footer{width: 100%; height: 100px; background: black; float: left;}
.footer ul{text-align: center;}
.footer ul li{color: white; display: inline; line-height: 70px;
margin: 20px;}
.container{margin: 0 250px 0 300px; height: 700px;}
.container .c2{width: 300px; height: 700px; background: #FFEFDB; margin-left:-100%;
left: -300px; }
span{background: pink;}
.container .c2 ul li{ list-style-type: none; margin-top: 20px;}
.container .c2 ul{margin-top: 90px;}
.container .c3{width: 250px; height: 700px; background: #ADD8E6; margin-right: -250px;
}
.c3 div{ margin: 90px 10px 0px;}
.container .c1{width:100%; height: 700px; background: #FFC0CB; text-align: center;}
.container .c1 img{padding-top: 70px;}
.c1,.c2,.c3{float: left; position: relative;}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="header">
<img src="http://img1.sycdn.imooc.com/climg//590037f600016ce303000100.png">
<ul>
<li>课程</li>
<li>职业路径</li>
<li>实战</li>
<li>袁问</li>
<li>手机</li>
</ul>
</div>
<div class="container">
<div class="c1">
<img src="http://img1.sycdn.imooc.com/climg//590037e00001fab706000400.jpg">
</div>
<div class="c2">
<ul>
<li><h2>课程推荐</h2></li>
<li><span>职业路径</span>HTML与CSS3实现动态网页</li>
<li><span>职业路径</span>零基础入门Android</li>
<li><span>职业路径</span>ios基础语法与常用控件</li>
<li><span>职业路径</span>PHP入门开发</li>
<li><span>职业路径</span>JAJA入门开发</li>
</ul>
</div>
<div class="c3">
<div>
<h2>登录</h2><br />
<input type="text" name="" placeholder="请输入登录邮箱/手机号码" style="width: 190px; height:40px;">
<br /><br />
<input type="password" name="" placeholder="6-16位号码，区分大小写，不能用空格键" style="width: 190px; height:40px;">
<br /><br />
<input type="submit" value="登录" style="width: 190px; height:40px; background: red; color: white;">
</div>
</div>
</div>
<div class="footer">
<ul>
<li>网站首页</li>
<li>企业合作</li>
<li>人才招聘</li>
<li>联系我们</li>
<li>常用问题</li>
<li>友情连接</li>
</ul>
</div>
</body>
</html>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星