<%@ 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>
标签：flex,二十七日,items,align,二月,height,content,课堂,center From： https://www.cnblogs.com/youxiandechilun/p/18044302