JavaWeb页面创作(一)——一个好看的登录界面

最新推荐文章于 2022-03-13 00:25:32 发布

原创最新推荐文章于 2022-03-13 00:25:32 发布

· 8.8k 阅读

85 ·

版权

文章标签：

#javascript #html #web

综合专栏收录该内容

10 篇文章

订阅专栏

博客介绍了用简单代码实现一个好看的登录界面，可在body里更改主体背景属性，在对应位置修改文字。还附上了jsp界面代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一个好看的登录界面

代码非常简单，更改主体背景在body里更改属性，其余的文字在对应位置修改即可。页面效果展示如下：在这里插入图片描述
jsp界面代码附上：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>教务登录系统</title>
<style>
	body{
		background: darkkhaki;
	}
</style>
</head>
<body text="blue">
	<hr size="3px" color="red" width="100%"/>
	<div align="center"><font size="20px">XX大学</font></div>
	<hr size="3px" color="red" width="100%"/>
	<br><br><br><br><br><br><br><br><br><br>	
	<form action="Page02.jsp">
		<table align="center" width="600px" bgcolor="pink" height="320px">
			<tr><th colspan="600px" height="120px" align="center"><font size="5px" color="darkred">教务登录系统</font></th></tr>
			<tr><td colspan="600px" height="50px" align="center"><input type="text" name=userName placeholder="请输入账号"></td></tr>
			<tr><td colspan="600px" height="50px" align="center"><input type="password" name=userPwd placeholder="请输入密码"></td></tr>
			<tr><th width="260px" height="40px" align="right"><input type="submit" value="登录"></th><th width="118px" align="right"><input type="reset" value="重置"></th><th></th><th></th></tr>
			<tr><th height="60px"></th></tr>
		</table>
	</form>
</body>
</html>