背景做图片

最新推荐文章于 2024-09-10 14:15:01 发布

miao_nei

最新推荐文章于 2024-09-10 14:15:01 发布

阅读量101

点赞数

文章标签：注册流程用户界面密码输入第三方登录简洁设计

本文链接：https://blog.csdn.net/miao_nei/article/details/116159762

版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=bck">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <style>
       .box1{
       width:248px;
       height:220px;
       background-color:#F5EAE8;
       padding-top:30px;
       padding-bottom:30px;
       padding-left:40px;
       padding-right:40px;
       border:1px solid #F5EAE8;
       margin:0 auto;      
       }
       .box2
       {
        width:250px;
        height:38px;
        border:1px solid #CCC;
        margin-bottom:30px;
        text-indent:50px;
        background-image:url(./images/zhanghao.jpg);
        background-repeat:no-repeat;
       }
       .box21
       {
             color:#CCC;
             margin-top:7px;
       }
        .box22
       {
        width:250px;
        height:38px;
        border:1px solid #CCC;
        margin-bottom:30px;
        text-indent:50px;
        background-image:url(./images/mima.jpg);
        background-repeat:no-repeat;
       }
       .box3
       {
       width:255px;
       height:44px;
       margin-top:25px;
       margin-bottom:25px;
       margin-left:auto;
       margin-right:auto;
       }
       .box4
       {
       width:330px;
       height:145px;
       background-color:#F5EAE8;
       border-top:1px solid #ddd; 
         margin:0 auto;       
       }
         .box5
       {
        margin-left:40px;
        margin-top:20px;
       }
  </style>
  <body>
      <form class="box1">
      <div class="box2"><div class="box21">用户名/邮箱地址/手机号</div></div>
      <div class="box22"><div class="box21">填写密码</div></div>
      <input type="checkbox" name="vehicle" value="记住密码">记住密码
      <span class="box21">欢迎注册</span><span class="box21"> 忘记密码</span>
      <div class="box3"><img src="./images/but.jpg"></div>
      </form>
      <form class="box4">
      <span class="box5">合作网站登录账号:</span>
      <span><img src="./images/weixin.png"></span>
       <span><img src="./images/qqlogin.png"></span>
        <span><img src="./images/taobao.png"></span>
      </form>
  </body>
</html>