简单登陆页面代码

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户登录界面</title>
<style type="text/css">
    .zhong{
        width: 100%;
        height: 100px;
    }
    .xia{
        width: 100%;
        height: 600px;
        background: url(C:/Users/lou/Desktop/JC-T/denglu.jpg) ;
        background-size: ;
    }
    a{
        text-decoration:none;
    }
    .lable{
        position:relative;
        width:280px;
        height: 300px;
        background: white;
        left: 420px;
        top:100px;
        float: left;
    }
    .ding{
        position:relative;
        left: 160px;
        top:122px;
        font-size: 70px;
        color: white;
        font-weight: bold;
        float: left;
    }
    a{
                color:#9D9D9D;
                text-decoration:none;
            
            }
            a:visited{
                color:#9D9D9D;
            }
    input,submit{
        background: #9D9D9D;
        border:0;
        width: 150px;
    }
    p{
        margin-left: 30px;
    }
</style>
</head>
<body>
    <div class="zhong">
        <br>
        &emsp;&emsp;&emsp;&emsp;
        <a href="" style="color:#FF0000;font-size:32px">超市进销存管理</a>
        <br>
    </div>
    <div class="xia">
        <div class="ding">
            <p>进销存管理</p>
        </div>
        <div class="lable">
            <br>
            <br>
            <br>
            <p>用户名：<input type="text" name="" id=""></p>
            <p>密&emsp;码：<input type="password" name="" id=""></p>
            <p>&emsp;&emsp;<input type="submit" value="登录"></p>
        </div>
    </div>
</body>
</html>

 

posted @ 2022-03-26 23:37  慢漫曼蔓  阅读(238)  评论(0)    收藏  举报