学生信息管理系统（作业）

最新推荐文章于 2024-09-11 10:49:17 发布

dxy202004

最新推荐文章于 2024-09-11 10:49:17 发布

阅读量83

点赞数

文章标签： html css webview

本文链接：https://blog.csdn.net/dxy202004/article/details/124963981

版权

这是一个关于学生信息管理系统的作业，主要涉及HTML和CSS技术，用于构建主页面展示和交互。通过WebView进行网页展示。

摘要由CSDN通过智能技术生成

主页面

<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<title>无标题文档</title>
</head>
<style>
	 body {
        background: url("img/view.jfif");
        background-size: 100%;
    }
	.az {
		width: 499px;
		height: 280px;
		border: 0px solid #5b66c9;
		margin: 0 auto;
		box-shadow: 4px 5px 6px;
		;
		border-radius: 10px;
		margin-top: 200px;
		opacity: 0.5;
		background-color: #F0F8FF;
	}

	.aq {
		width: 500px;
		height: 90px;
		border: 1px solid #5b66c9;
		margin: 0 auto;
		font-size: 45px;
		text-align: center;
		line-height: 99px;
		border-radius: 15px;
		color: black;
	}

	.aw {
		width: 500px;
		height: 190px;
		border: 0px solid #5b66c9;
		margin: 0 auto;
		border-radius: 20px;
	}

	.as {
		width: 100px;
		height: 50px;
		float: left;
		border: 0px solid #5b66c9;
		margin: 0 auto;
		margin-top: 75px;
		margin-left: 50px;
		text-align: center;
		border-radius: 15px;
	}

	.ad {
		width: 100px;
		height: 50px;
		float: left;
		border: 0px solid #5b66c9;
		margin: 0 auto;
		margin-top: 75px;
		margin-left: 40px;
		text-align: center;
		border-radius: 15px;
	}

	.af {
		width: 100px;
		height: 50px;
		float: left;
		border: 0px solid #5b66c9;
		margin: 0 auto;
		margin-top: 75px;
		margin-left: 60px;
		text-align: center;
		border-radius: 10px;
	}

	input {
		line-height: 30px;
		margin-top: px;
		border-radius: 10px;
	}
</style>

<body>
	<div class="az">
		<div class="aq">学生管理系统</div>
		<div class="aw">
			<div class="as">
				<a href="cx.html">
					<input type="button" name="cx" value="查询">
				</a>
			</div>
			<div class="ad">
				<a href="houtai.html">
					<input type="button" name="gl" value="管理员">
				</a>
			</div>
			<div class="af">
				<a href="ly.html">
					<input type="button" name="ly" value="留言">
				</a>
			</div>
		</div>
	</div>
</body>

</html>