作业

登录

本帖最后由爰昔于 2016-12-15 17:48 编辑

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
* { margin: 0px;
padding: 0px;
}
#div1 {
      height: 85px;
      width: 995px;
      margin-top: 0px;
      background-image: url(bg.jpg);
      background-repeat: repeat-x;
      position: absolute;
      z-index: 1;

}
#div5 {
      float: left;
      height: 52px;
      width: 153px;
      position: absolute;
      margin-top: 32px;
      margin-left: 163px;
}
#div6 {
      height: 91px;
      width: 186px;
      position: absolute;
      z-index: 2;
      left: 160px;
      top: 88px;
}
#div2 {
      height: 53px;
      width: 229px;
      margin-top: 12px;
      margin-left: 16px;
      position: absolute;
      z-index: 1;

}
#div4 {
      height: 342px;
      width: 995px;
      position: absolute;
      margin-top: 85px;
      z-index: 1;

}
#div7 {
      height: 28px;
      width: 75px;
      padding-top: 8px;
      position: absolute;
      z-index: 3;
      left: 264px;
      top: 188px;
      background-image: url(file:///G|/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A1/jcwww/images/submit.jpg);
      background-repeat: no-repeat;
      text-align: center;
      font-family: "宋体";
      color: rgba(32,117,36,1);
}
.style3 {
      font-family: "宋体";
      font-size: 14px;
      color: rgba(27,112,31,1);
}
#div8 {
      height: 36px;
      width: 148px;
      position: absolute;
      z-index: 4;
      left: 193px;
      top: 231px;
}
body {
      margin-top: 0px;
      margin-left: 0px;
      padding: 0px;
}
.style1 {
      font-family: "微软雅黑", "华文细黑";
      font-size: 14px;
      line-height: 150%;
      color: rgba(51,51,51,1);
}
.style2 {
      font-family: "方正大黑简体";
      font-size: 24px;
      color: rgba(255,102,0,1);
}
#div3 {
      height: 20px;
      width: auto;
      position: absolute;
      margin-top: 16px;
      float: left;
      margin-left: 647px;
      font-family: "微软雅黑", "华文细黑";
      font-size: 12px;
      color: rgba(255,255,255,1);
      text-align: center;
}

a:hover {
      text-decoration: none;
      color: rgba(255,51,0,1);
}
a:active {
      text-decoration: none;
      color: rgba(204,0,255,1);
}
#div9 {
      height: 300px;
      width: 475px;
      position: absolute;
      z-index: 3;
      left: 426px;
      top: 27px;
      border-left-width: 1px;
      border-left-style: solid;
      border-left-color: rgba(102,102,102,1);
}
#yhm, #mm, #select {
      height: 22px;
      width: 200px;
      border: 1px solid rgba(102,102,102,1);
}
#div10 {
      height: 66px;
      width: 358px;
      position: absolute;
      z-index: 1;
      left: 23px;
      top: 5px;
}
.style4 {
      font-size: 12px;
      color: rgba(0,102,0,1);
      font-family: "微软雅黑", "华文细黑";
}
.a1 {
      font-family: "微软雅黑", "华文细黑";
      font-size: 12px;
      color: rgba(255,255,255,1);
}
.style5 {
      font-family: "方正粗倩简体";
      font-size: 16px;
      font-weight: normal;
      color: rgba(102,102,102,1);
}
#div11 {
      height: 115px;
      width: 428px;
      position: absolute;
      z-index: 2;
      left: 20px;
      top: 97px;
}

a:link {
      text-decoration: none;
}
a:visited {
      text-decoration: none;
}
</style>
</head>

<body>
<div id="div1">
  <div id="div2"><img src="top.jpg" width="229" height="53" /></div>
  <div id="div3"><a href="#" class="a1">设为首页</a> | <a href="#" class="a1">188财富邮</a> | <a href="#" class="a1">163邮箱</a> | <a href="#" class="a1">帮助</a> | <a href="#" class="a1">网易首页</a></div>
</div>

</div>
<div id="div4">
  <div id="div5"><img src="file:///G|/平面设计/jcwww/images/126logo.gif" width="145" height="30" /></div>
  <div id="div6">
<p class="style1">距北京奥运会开幕还有<span class="style2">286</span>天</p>
<p class="style1">还没有网易126免费邮?</p>
  </div>
  <div id="div7"><a href="#" class="style3">注册</a></div>
  <div id="div8"><img src="file:///G|/平面设计/jcwww/images/bg1.jpg" width="22" height="29" /><span class="style1"><a href="#" class="style3">自写短信</a></span><img src="file:///G|/平面设计/jcwww/images/bg2.jpg" width="22" height="25" /><span class="style1"><a href="#" class="style3">贺卡</a></span></div>
  <div id="div9">
<div id="div10">
   <p class="style4"><a href="#" class="style4">你知道这些数据吗？<br />
网易邮箱精准过滤超过98%的垃圾邮件>></a></p>
   <p class="style4"> </p>
   <p class="style5">登陆网易126免费邮</p>
</div>
<div id="div11">
   <form id="form1" name="form1" method="post" action="">
      <p>
      <label for="用户名：" class="style1">用户名：</label>
      <input type="text" name="textfield" id="yhm" />
      </p>
      <p><br />
      <label for="密码" class="style1">密    码：</label>
      <input type="password" name="textfield" id="mm" />
      </p>
      <p><br />
      <label for="密码" class="style1">版    本：</label>
      <select name="select" class="style1" id="select">
         <option>默认</option>
         <option>逍遥3.0</option>
         <option>极速3.0</option>
         <option>逍遥</option>
         <option>极速</option>
      </select>
      </p>
      <p><br />
      <input type="checkbox" name="checkbox" id="checkbox" />
      <span class="style1">       记住用户名</span>
      <input type="checkbox" name="checkbox2" id="checkbox2" />
      <span class="style1">ssl安全登陆 </span></p>
      <p> </p>

      <p> <input name="denglu" type="image" id="lenglu" src="file:///G|/平面设计/jcwww/images/bg3.jpg" />
      </p>

   </form>
</div>
  </div>
</div>
</body>
</html>

荷之韵 · 发表于 2016-12-15 17:56:07

做的不错，亲继续多多练习，加油哈！

[作业] 作业

本帖子中包含更多资源

共1个回复最后回复于 2016-12-15 17:56

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[作业] 作业

本帖子中包含更多资源

共1个回复 最后回复于 2016-12-15 17:56

共1个回复最后回复于 2016-12-15 17:56