weiyong
/
201906G202


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>欢迎来到设备管理系统</title>
	<style type="text/css">
	body{
		background-color: skyblue;
	}
	.welcome{
		font-size: 28px;
		color:#961515;
		font-style: italic;
	}
	.select{
		font-size: 28px;
		text-align: center;
		margin-top: 80px;
		color:#A75480;
	}
	@keyframes move{
		0%{
			color:pink;
		}
		20%{
			color:skyblue;
		}
		40%{
			color:#C4B3B3;
		}
		60%{
			color:blue;
		}
		80%{
			color:green;
		}
		90%{
			color:gold;
		}
	}

	.select{
		animation-name: move;
		animation-duration: 15s;
	}
	.do{
		width: 980px;
		height: 280px;
		/*background-color: #C4B3B3;*/
		margin: 70px auto;
	}
	.do1{
		width: 180px;
		height: 250px;
		margin: 30px;
		float: left;
		background-color: #C4B3B3;
		text-align: center;
		line-height: 250px;
	}
	.do2{
		width: 180px;
		height: 250px;
		margin: 30px;
		float: left;
		background-color: #C4B3B3;
		text-align: center;
		line-height: 250px;
	}
	.do3{
		width: 180px;
		height: 250px;
		margin: 30px;
		float: left;
		background-color: #C4B3B3;
		text-align: center;
		line-height: 250px;
	}
	.do4{
		width: 180px;
		height: 250px;
		margin: 30px;
		float: left;
		background-color: #C4B3B3;
		text-align: center;
		line-height: 250px;
	}
	a{
		text-decoration: none;
		color:#0A62C0;
		font-size: 24px;
	}
	.do>a:hover{
		background-color: pink;
	}

	</style>
</head>
<body>
	<marquee behavior="scroll" direction="right">
	<div class="welcome">
	欢迎来到设备管理系统!
	</div>
	</marquee>
	<div class="select">
	请选择操作
	</div>
	
	<div class="do">
	<a class="do1" href="http://localhost:8080/devicemanagement/input.jsp">添加数据</a>
	<a class="do2" href="http://localhost:8080/devicemanagement/dele.jsp">删除数据</a>
	<a class="do3" href="http://localhost:8080/devicemanagement/change.jsp">修改数据</a>
	<a class="do4" href="http://localhost:8080/devicemanagement/MMC_01">查询数据</a>
	</div>

	</marquee>
</body>
</html>