![登录页面](https://img-blog.csdnimg.cn/929ed05c104a4299b2cf03999cc68670.png)
<!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">
密 码:<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:
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:
border-radius: 20px;
font-size: 20px; }
form{
/* width: 400px;
height: 400px;*/
margin: 0 auto;
padding: 20px;
}
![首页](https://img-blog.csdnimg.cn/9d7d47fb57124180a13ec5d3d765b2ac.png)
<!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">
<