一号店注册页

最新推荐文章于 2022-08-15 19:49:49 发布

arimurakunn

最新推荐文章于 2022-08-15 19:49:49 发布

阅读量4.6k

点赞数 10

本文链接：https://blog.csdn.net/qq_33311727/article/details/84582086

版权

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }
        .clear{
            content: '';
            display: block;
            clear: both;
        }
        body{
            background: #fcfcfc;
        }
        .logo{
            margin: 20px 0px 20px 150px;
            float: left;
        }
        .login{
            height: 32px;
            line-height: 32px;
            margin: 10px 150px 0px 0px;
            float: right;
        }
        #help{
            margin: 0px 0px 0px 20px;
            float: right;
            padding:0px 7px;
            border: #dbdbdb 1px solid;
            font-size: 13px;
        }
        #help img,#help span{
            vertical-align: middle;
        }
        #welcome{
            color: #b4b4b4;
            font-weight: lighter;
        }
        #login{
            text-decoration: none;
            color: #6f69d9;
        }
        header{
            height: 110px;
            border-bottom: #b4b4b4 1px solid;
            box-shadow: 0px 2px 5px #d5d4d4;
        }
        .register{
            width: 300px;
            margin: 0px auto;
        }
        h1{
            margin: 40px 0px 20px 0px;
            font-size: 25px;
            text-align: center;
        }
        .tel{
            width: 280px;
            height: 50px;
            line-height: 50px;
            padding-left: 15px;
            font-size: 15px;
            border: #d9d8d8 solid 1px;
            margin-bottom: 10px;
        }
        .tel1{
            width: 160px;
            height: 50px;
            line-height: 50px;
            padding-left: 15px;
            font-size: 15px;
            border: #d9d8d8 solid 1px;
            margin-bottom: 10px;
            margin-right: 10px;
        }
        .get{
            font-size: 15px;
            text-decoration: none;
            font-weight: bold;
            width: 105px;
            display: inline-block;
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: white;
            background: #545353;
        }
        .password{
            width: 280px;
            height: 50px;
            line-height: 50px;
            padding-left: 15px;
            font-size: 15px;
            border: #d9d8d8 solid 1px;
            margin-bottom: 10px;
        }
        .protocol{
            margin: 10px 5px;
            color: #696868;
        }
        .protocol a{
            text-decoration: none;
            color: #3462a4;
        }
        .agree{
            display: inline-block;
            width: 300px;
            height: 55px;
            line-height: 55px;
            text-align: center;
            color: white;
            font-size: 16px;
            background: #ff403b;
            text-decoration: none;
            border-radius: 2px;
        }
        footer{
            margin-top: 20px;
            text-align: center;
        }
        .foot{
            margin: 0px auto;
            width: 300px;
            padding-bottom: 25px;
        }
        .fr{
            list-style-type: none;
            float: left;
        }
        .fr a{
            text-decoration: none;
            color: black;
        }
        .fr a:hover{
            color: red;
        }
    </style>
</head>
<body>
    <header>
        <div class="logo"><a href="#"><img src="../一号店/loginlogo.jpg"></a></div>
        <div class="login"><span id="welcome">您好，欢迎光临1号店！</span><a href="#" id="login">请登录</a><div id="help"><img src="../一号店/runbun.png"><span>帮助中心</span><img src="../一号店/turnb.png"></div></div>
    </header>
    <section>
        <div class="register">
            <h1>1号店注册</h1>
            <form method="post">
                <div>
                    <input type="text" placeholder="手机号" required pattern="^1[358]\d{9}" class="tel">
                </div>
                <div>
                    <input type="text" placeholder="手机号" required pattern="^1[358]\d{9}" class="tel1">
                    <a href="#" class="get">获取验证码</a>
                </div>
                <div>
                    <input type="password" width="6" maxlength="32" required placeholder="密码" class="password">
                </div>
                <div>
                    <input type="password" width="6" maxlength="32" required placeholder="确认密码"class="password">
                </div>
            </form>
            <div class="protocol">点击注册，表示您同意1号店<a href="#">《服务协议》</a></div>
            <div><a href="#" class="agree">同意协议并注册</a></div>
        </div>
    </section>
    <footer>
        <div class="foot">
            <ul id="fr">
                <li class="fr"><a href="#">沪ICP备13044278号</a> |</li>
                <li class="fr">  合字B1.B2-20130004  |</li>
                <li class="fr">&nbsp;<a href="#">营业执照</a></li>
            </ul>
        </div>
        <div class="clear"></div>
        <p>Copyright&copy;1号店网上超市 2007-2016，All Rights Reserved</p>
    </footer>
</body>
</html>

arimurakunn

关注

10
点赞
踩
21

收藏

觉得还不错? 一键收藏
3
评论
一号店注册页

&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;注册&lt;/title&gt; &lt;style&gt; *{ margin: 0px; padding: 0px;
复制链接

扫一扫