模拟登录界面网页源代码

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_37437892/article/details/82927412

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>QQ登录</title>
        <link rel="stylesheet" href="css/a.css" />
    </head>

    <body>
        
        <div class="one">

            <p>
                <form method="get">
                    用户名&nbsp;<input type="text" size="15"><br />
                    <br /> 密码&nbsp;&nbsp;&nbsp;
                    <input type="text" size="15"><br /><br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="submit" value="登录">
                </form>
            </p>

        </div>
    </body>

</html>

a.css文件

      .one{
    width: 370px;
    height: 280px;
    margin-left: 621px;
    margin-top: 310px;
    margin-right: 540px;
     border: 2px solid black;
    padding-top:100px ;
    padding-left: 80px;
    background-image: url(a.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 500px 500px;
}

猜你喜欢

转载自blog.csdn.net/qq_37437892/article/details/82927412