Skip to content

1
1024程序员开源挑战赛

Coping0606 / 1024程序员开源挑战赛
与 Fork 源项目一致

Fork自 GitCode / 1024程序员开源挑战赛（10.23-11.14）

通知 2
Star 2
Fork 0
1
1024程序员开源挑战赛

前往新版Gitcode，体验更适合开发者的 AI 搜索 >>

提交 f251fc04 编写于 作者: Coping0606's avatar Coping0606
浏览文件
操作

init

上级 dffdf886
隐藏空白更改
内联 并排
Showing with 142 addition and 0 deletion
login.html 0 → 100644
浏览文件 @ f251fc04
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<title>登陆页面</title>
</head>
<style>
body{
width:1730px;
height: 750px;
margin: 0px;
padding: 0px;
}
html{
width: 100%;
}
.nav{
border-bottom: 2px solid #4AD2FC;
width: 1730px;
position: absolute;
height: 80px;
background-color: white;
}
.dl_u{
position: relative;
top: 10px;
right: 10px;
width: 60px;
height: 60px;
border-radius: 50%;
float: right
}
.nav a{
font-size: 1.2em;
position: relative;
top: 30px;
text-decoration-line: none;
color: black;
margin-left: 80px;
}
.menu{
position: absolute;
top: 82px;
height: 750px;
width: 1730px;
overflow: hidden;
}
#left_menu{
position: relative;
top: 90px;
left: 170px;
}
input{
border:0px;
margin-top: 10px;
margin-bottom: 10px;
width: 350px;
height: 50px;
border-radius: 5px;
background-color: #BBB9B9;
}
button{
width: 120px;
height: 50px;
margin-top: 30px;
border-radius: 5px;
background-color: white;
color: #737171;
font-size: 1.2em;
}
form>a{
font-size: 0.8em;
text-decoration: none;
margin-left: 20px;
color: black;
}
form>a:hover{
color: aqua;
}
.right{
position: absolute;
left: 800px;
top: 50px;
}
</style>
<body>
<div class="nav">
<tr>
<td>
<a href="#">大学生就业能力侦测</a>
</td>
<td>
<a href="#">Ability</a>
</td>
<td>
<a href="#">Self testing</a>
</td>
<td>
<a href="#">Recomenddation</a>
</td>
<td>
<a href="#">Promote</a>
</td>
<td>
<a href="#">Personal</a>
</td>
<td>
<a href="#">Auxiliary</a>
</td>
<td>
<a href="#">关于我们</a>
</td>
</tr>
</div>
<div class="menu">
<div id="left_menu">
<h1 style="font-size: 2.5em;">登录</h1>
<form action="userlogin" method="post">
<input type="text" name="username" placeholder="请输入用户名"><br>
<input type="password" name="password" placeholder="请输入密码...." ><br>
<button type="submit">Sign in</button>
<a href="#">还没有账户，前往注册>>></a>
<hr>
</form>
</div>
<div class="right">
<img src="image/siugou.png" alt="背景">
</div>
</div>
<script>
var nav=document.getElementsByClassName("nav")
for(var i=0;i<7;i++){
nav[0].children[i].onclick=function(){
alert("请登录！")
}
}
</script>
</body>
</html>
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或