二月二十七日 课堂测试 

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>

<head>
    <title>分级测试 首界面</title>

    <style>
        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
            padding: 0;
        }

        .role-box {
            width: 200px;
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: lightblue;
            margin-bottom: 20px;
            cursor: pointer;
        }
    </style>
</head>

<body>
<h1>请选择角色登录</h1>

<div class="role-box" onclick="location.href='研究生登录界面.jsp'">
    <h2>研究生</h2>
</div>

<div class="role-box" onclick="location.href='学生登录界面.jsp'">
    <h2>学生</h2>
</div>

<div class="role-box" onclick="location.href='教师登录界面.jsp'">
    <h2>教师</h2>
</div>




</body>

</html>

 

posted @ 2024-02-29 15:07  财神给你送元宝  阅读(3)  评论(0)  编辑  收藏  举报