教程概述
本教程将指导您如何使用JSP技术创建一个登录页面,并使其在浏览器窗口中居中显示。我们将使用HTML和CSS来实现页面的布局和样式。
准备工作
在开始之前,请确保您已经安装了以下工具:

- Java Development Kit (JDK)
- Apache Tomcat(或其他Java Web服务器)
- 一个文本编辑器(如Notepad++或Visual Studio Code)
步骤 1: 创建HTML页面
创建一个名为`login.jsp`的文件,并添加以下HTML代码:
```html
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.login-container {
width: 300px;
padding: 20px;
border: 1px solid ccc;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
margin-bottom: 5px;
}
.form-group input {
width: 100%;
padding: 8px;
border: 1px solid ccc;
border-radius: 3px;
}
.form-group button {
width: 100%;
padding: 10px;
border: none;
border-radius: 3px;
background-color: 007bff;
color: white;
cursor: pointer;
}
.form-group button:hover {
background-color: 0056b3;
}
