day2作业 登录注册页面

2019-01-22  本文已影响0人  _最美不是下雨天_
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            img{
                width: 100%;
                height: 100%;
                position: absolute;
            }
            .login2{
                width: 300px;
                height: 300px;
                position: relative;
                padding: 15%;
                padding-left: 30%;
            }
            table{
                margin: auto;
                font: "华文行楷";
                font-size: 25px;
                color: #F8F8FF;
                width: 300px;
                height: 250px;
                align-content: center;
            }
            tr{
                height: 50px;
            }
            td{
                height: 50px;
            }
            a:link{
                color:#F8F8FF;
            }
            a:visited{
                color:#F8F8FF;
            }
        </style>
    </head>
    <body>  
        <div class="login1">
            <img src="img/154815876618.png"/>
            <div class="login2">
            <form action="" method="get">
            <table border="0" cellspacing="0" cellpadding="">
                <tr align="center">
                    <td rowspan="2" colspan="2">欢迎来到千锋!</td>
                </tr>
                <tr></tr>
                <tr align="center">
                    <td>用户名:</td>
                    <td><input type="text"  name="username" placeholder="请输入用户名" maxlength="16"/></td>
                </tr>
                <tr align="center">
                    <td>密码:</td>
                    <td><input type="password" name="password" maxlength="16"/></td>
                </tr>
                <tr align="center">
                    <td><a href="注册.html"><input type="submit" id="" name="注册" value="注册"/></a></td>
                    <td><input type="submit" id="" name="" value="登录"/></td>
                </tr>
            </table>            
            </form>
            </div>
        </div>
    </body>
</html>
上一篇 下一篇

猜你喜欢

热点阅读