WEB前端课程设计——田径队管理系统

登录页面

 <!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>登录页面</title>
	<script src="hx.js">  </script>
<link rel="stylesheet" type="text/css" href="login.css">

</head>
<body>
	<div class="inputbox">
<!-- <form method="post" action=""> -->
	<center>
		<strong><p >北工商田径队管理系统欢迎您</p></strong> 
		 <form><!--action="首页.html" -->
	<div class="inputtext">
		用户名:<input type="text" name="account" id="account" placeholder="请输入用户名/昵称">
	</div>
	<div class="inputtext">&emsp;码:<input type="password" name="passwd" id="passwd" placeholder="请输入密码">
	</div>
	<!-- <a href="综合作业1.html"><button type="submit" class="inputbutton" value="">登录</button></a> -->
	<button type="button" name="login" class="inputbutton" onclick="log()"> 登录</button> 

	<input type="reset" class="inputbutton" value="重置"/>
</form>
	</center>
<!-- </form> -->
</div>
</body>
</html>
body{
   
	margin:0;
	padding: 0;
	background-image: url(picture/跑道.jpg);
	background-repeat: no-repeat;
	background-size:cover ;
}
		.inputbox{
   
			text-align: center;
			opacity:0.8;
			border-radius: 10px;

			/*background: #980000;*/
			border: 12px;
			width: 600px;
			height: 400px;
           margin: 0 auto;
			margin-top:  100px;
			
		}
		p{
   font-size: 30px;text-align: center;}
		.inputtext{
   

			margin-top: 30px;
			border-radius: 10px;

		}
		.inputbutton{
   
			border:0;
			margin-top: 30px;
			width: 120px;
			height: 25px;
			color: #ffffff;
			border-radius: 20px;
			font-size: 20px;		}
		form{
   
/*			width: 400px;
			height: 400px;*/
			margin: 0 auto;
			padding: 20px;
		}

首页


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="first.css">
</head>
<body>
<div class="header_wrap">
	<div class="logo"><a href="首页.html"></a></div>
<div class="nav">
	<ul id="nav">
		<li><a href="首页.html">首页</a></li>
		<li><a href="队伍概况.html">队伍概况</a>
		<li><a href="历届比赛.html">历届比赛</a></li>
		<li><a href="队伍荣誉.html">队伍荣誉</a></li>
		<li><a href="规章制度.html">规章制度</a></li>
		<li><a href="训练计划.html">训练计划</a></li>
		<li><a href="队伍招新.html">队伍招新</a></li>
	</ul>
</div>
</div>
<div class="content"> 
<div class="content_left">
	<div class="marquee">
	<marquee direction="up" scrollamount="10" >
	<ul>
		<li><img src="picture/跑步1.jpg" width="380px" height="150px" ></li>
		<li><img src="picture/赛道.jpg" width="380px" height="150px"></li>
		<li><img src="picture/田径队1.jpg" width="380px" height="200px" ></li>
		<li><img src="picture/田径队2.jpg" width="380px" height="200px" ></li>
		<li><img src="picture/田径队3.jpg" width="380px" height="200px" ></li>
		<li><img src="picture/田径队4.jpg" width="380px" height="200px" ></li>
		<li><img src="picture/田径队5.jpg" width="380px" height="200px" ></li>
		<li><img src="picture/田径队6.jpg" width="380px" height="200px" ></li>
	</marquee>
</div>
</div>


<div class="content_middle">
	<
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值