每日会议20230409

进度汇报：

制作了登录界面，并且进行了美化

<head>
    <meta charset="UTF-8">
    <title>随手买</title>
    <style>
        html,
        body {
            margin: 0;
            font-family: "PingFang SC", "Microsoft Yahei", sans-serif;
        }

        .container {
            width: 100vw;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background: url("img/123.jpg") fixed no-repeat;
            background-size: cover;
        }

        .login-form {
            width: 240px;
            height: 220px;
            display: flex;
            flex-direction: column;
            padding: 40px;
            text-align: center;
            position: relative;
            z-index: 100;
            background: inherit;
            border-radius: 18px;
            overflow: hidden; /* 隐藏多余的模糊效果*/
        }



        .login-form h2 {
            font-size: 26px;
            font-weight: 400;
            color: #3d5245;
        }

        .login-form input,
        .login-form button {
            margin: 6px 0;
            height: 36px;
            border: none;
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 4px;
            padding: 0 14px;
            color: #3d5245;
        }




    </style>
</head>


<body>
    <div class="container">
        <form action="houtai.jsp" class="login-form">
            <h2>登 录</h2>
            <input
                    type="text"
                    name="username"
                    placeholder="用户名"
            />
            <input
                    type="password"
                    name="password"
                    placeholder="密码"
            />
            <button type="submit">登录</button>
        </form>
    </div>

</body>
posted @ 2023-04-10 21:57  一直队  阅读(50)  评论(0)    收藏  举报