老师帮我看一下代码3-3
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
*{padding:0;margin:0;}
.head{width:100%;height:100px;background:black;min-width:900px;}
.head-loge{background:url(http://img1.sycdn.imooc.com/climg//590037f600016ce303000100.png) no-repeat;width:400px;height:100px;float:left;}
.ul-1{
list-style:none;
color:white;
float:right;
position:relative;
right:20px;
line-height:75px;}
.ul-1 li{
display:inline;
padding-left:20px;
font-size:1.3em;
}
li:hover{color:#FF6633;}
/**头部完成**/
.foot{width:100%;min-width:900px;background:black;height:100px;line-height:100px;clear:both;}
.ul-2 li{display:inline;color:white;padding-left:2em;}
.ul-2{text-align:center;}
li:hover{color:#FF6633;cursor:pointer;}
/**footer完成**/
.body{padding:0 400px 0 400px;}
.middle{width:100%;height:1000px;background:#FFC0CB;}
.image{background:url(http://img1.sycdn.imooc.com/climg//590037e00001fab706000400.jpg) no-repeat;width:600px;height:400px;position:relative;top:300px;left:50%;margin-left:-300px;}
/**middle finish88**/
.middle,.left,.right{float:left;position:relative;}
.left{width:400px;height:1000px;background:#ffefdb;margin-left:-100%;left:-400px;}
.right{width:400px;height:1000px;background:#add8e6;margin-left:-400px;right:-400px;}
dt{font-size:2em;font-weight:bolder;}
span{background:#b55e5e;}
dd{font-size:1.5em;padding-top:1em;}
dl{padding:200px 0px 0 30px ;}
.lii{width:300px;height:4em;background:red;color:white;font-size:1.5em;font-weight:bolder;}
.lii-1,.lii-2{height:2em;text-align:center;}
.li-form-1{font-size:2em;font-weight:bolder;}
.ul-form{margin:200px 0 0 10px;}
.li-form-4{padding-top:30px;}
</style>
</head>
<body>
<div class="head">
<div class="head-loge"></div>
<div class="head-ward">
<a href="#"> <ul class="ul-1">
<li>手记</li>
<li>猿问</li>
<li>实战</li>
<li>职业路径</li>
<li>课程</li>
</ul></a>
</div>
</div>
<div class="body">
<div class="middle"><div class="image"></div></div>
<div class="left">
<dl>
<dt>课程推荐</dt>
<dd>
<span>职业路径</span>
html与css实现动态网页</dd>
<dd><span>职业路径</span>
零基础入门</dd>
<dd><span>职业路径</span>
ios的常用语句与控件</dd>
<dd><span>职业路径</span>
php入门开发</dd>
<dd><span>职业路径</span>
java入门开发</dd>
</dl>
</div>
<div class="right">
<form>
<ul class="ul-form" type="none">
<li class="li-form-1">
登录
</li>
<li class="li-form-2">
<input class="lii-2" type="text" placeholder="请输入登录邮箱号/手机号" size="30">
</li>
<li class="li-form-3">
<input class="lii-1" type="password" maxlength="12" placeholder="6-12位密码,区分大小写,用空格格开" size="30" >
</li>
<li class="li-form-4">
<input class="lii" type="submit" value="登录" >
</li>
</ul>
</from>
</div>
</div>
<div class="foot">
<ul class="ul-2" type="none">
<li>网站首页</li>
<li>企业合作</li>
<li>人才招聘</li>
<li>联系我们</li>
<li>觉见问题</li>
<li>友情链接</li>
</ul>
</div>
</body>
</html>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星