仿写教务系统页面

最新推荐文章于 2024-07-20 18:16:53 发布

m0_74536424

最新推荐文章于 2024-07-20 18:16:53 发布

阅读量225

点赞数 2

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/m0_74536424/article/details/137602352

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>教务管理系统仿写页面</title>
    <style>
        .top{
            height: 100px;
        
            color: blue;
        }
        .foot{
            height: 500px;
            border: 2px double  gray;
            border-radius: 2px;
            background-color: aqua;

        }
        .foot-a{
            height: 500px;
            width: 66%;
            float: left;
            padding-top: 5px;
        }
        .foot-b{
            margin-top: 2px;
            padding-left: 30px;
            padding-top: 20px;
            height: 450px;
            width: 30%;
            border: 2px solid rgb(8, 248, 240);
            float: left;
            background-color: white;
        }
        img{
            margin-left: 20px;
        }
        input{
            padding-left: 100px;
        }
        pre{
            color: blue;
        }
        .color{
            background-color: blue;
            color: white;
            text-align: center;
            margin-right: 30px;
        }
        .foot-ba{
            margin-right: 30px;
            padding-left: 20px;
            height: 150px;
            background-color: gainsboro;
        }
    </style>
</head>
<body>
    <div class="top">
        <img src="./延安大学校徽.png" alt="" width="60px" height="60px" align="left">
        <h1 >
            &nbsp;&nbsp;&nbsp;延安大学教学管理信息服务平台
        </h1>
    </div>
    <div class="foot">
        <div class="foot-a">
            <img src="./image1.png" alt="" height="450px" width="800px">
        </div>
        <div class="foot-b">
            <strong>用户登录</strong>
            <p>
                用户名:<input type="text" name="用户名" placeholder="username">
            </p>
            <p>
                密&nbsp;码：<input type="password" name="密码" placeholder="密码">
            </p>
            <p> <pre>                                                忘记密码了？</pre></p>
            <p class="color">
                <button class="color" type="submit" width="50px">登录</button>
            </p>
            <div class="foot-ba"><br>"圣地教务"公众号非任何学校官方公众号，请立即取消关注，谨防受骗或个人信息泄露<br>
                登录教务管理系统途径：<br>1.访问http://jwglxt.yau.edu.cn/jwglxt<br>2.登录学校网办大厅后选择教务系统登录
            </div>
            <br>
            <img src="./image2.png" alt="" width="50px" height="50px" align="top">使用手机扫一扫安全、便捷登录
        </div>
    </div>
</body>
</html>