JT前后端练习（增删改查）

2022-01-14 23:35:17 阅读：129 来源： 互联网

标签：JT border 改查 color background 增删 font margin size

<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>用户注册_html</title>
        <link rel="stylesheet" href="lyf_testcss02.css"/>
</head>
<body>
    <form action="#" method="get">
        <h1>用户注册</h1>
        <div class="body">
                <input type="text" name="user" placeholder="用户名" class="a"/>
        </div>
        <div class="b">支持中文、字母、数字、“-”、“_”的组合，4-20个字符</div>
        <div>
            <input type="password" name="pwd" placeholder="设置密码" class="a"/>
        </div>
        <div class="b">建议使用数字、字母和符号两种以上的组合，6-20个字符</div>
        <div>
            <input type="password" name="repwd" placeholder="确认密码" class="a"/>
        </div>
        <div class="b">两次密码输入不一致</div>
        <div id="d">
            <span>
            <input type="number" name="phone" placeholder="验证手机" class="a"/>
            </span>
            <span>或</span>
            <span><a href="#">验证邮箱</a></span>
        </div>
        <div id="c">
                <span><input type="checkbox"/></span>
                <span>我已阅读并同意</span>
                <span><a href="#">《京淘用户注册协议》</a></span>
        </div>
        <div>
                <button type="submit">立即注册</button>
        </div>
    </form>
</body>
</html>

.body{
        border-width: 2px;
        border-style: dashed;
        border-color: red;
        border-radius: 25px;
        width: 50%;
       padding: 50px;
        margin: 50px ;
        /*背景图案设置
        background-image: url(lyf01.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-attachment: fixed
        */
}
h1{
        font-family: "微软雅黑";
        font-size: 35px;
        margin-left:110px ;
}
.a{
        width: 350px;
        height: 30px;
        color: gray;
        padding: 10px;
        font-family: "微软雅黑";
        font-size: 20px;
}
.b{
        font-family: "微软雅黑";
        font-size: 13px;
        margin: 10px;
        padding-left:10px ;
}
[type="submit"]{
        font-family: "微软雅黑";
        font-size: 21px;
        width: 370px;
        height: 43px;
        color: white;
        background-color: red;
        border-color: red;
        border-radius: 15px;
}
#c{
        margin-left: 30px;
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 17px;
}
#d{
        font-size: 17px;
}
[type="checkbox"]{
        zoom: 120%;
}

标签：JT,border,改查,color,background,增删,font,margin,size
来源： https://blog.csdn.net/lyflyf0dark/article/details/122504282

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JT前后端练习（增删改查）