-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathregedit.html
118 lines (118 loc) · 2.78 KB
/
regedit.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/loginCss.css">
<script src="js/myjs.js"></script>
<style>
*{
margin:0;
padding:0;
}
body,html{
height:100%;
/* overflow:hidden; */
}
.fourpic{
display: flex;
height:100%;
}
.pic{
flex:1;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
opacity: 0.4;
position: relative;
}
.pic::after{
content:"";
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(255,70,70,0.5);
}
.pic:nth-child(1){
background-image:url(img/thu.png);
}
.pic:nth-child(2){
background-image:url(img/pku.png);
}
.pic:nth-child(3){
background-image:url(img/fdu.jpg);
}
.pic:nth-child(4){
background-image:url(img/sjtu.png);
}
.content{
position:absolute;
top:15%;
left:24%;
/* transform:translate(-50%,50%); */
color:white;
text-align:center;
}
.content p{
font-size:18px;
margin-bottom:8px;
}
.xitong{
/* width: 200px; */
height: 150px;
background-image: url(img/logo.png);
background-repeat:no-repeat;
background-size:contain;
}
</style>
</head>
<body>
<div class="fourpic">
<div class="pic"></div>
<div class="pic"></div>
<div class="pic"></div>
<div class="pic"></div>
</div>
<div class="content">
<div class="xitong">
<span style="margin-left: 170px;font-size: 54px;font-family: '华文新魏';font-weight: bold;height: 150px;line-height: 150px; text-shadow: -2px 3px 4px red;">保研岸 | </span>
<span style="font-size: 49px;font-family: '幼圆';font-weight: bold;height: 150px;line-height: 150px; text-shadow: -2px 3px 4px red;">推免招生模拟系统</span>
</div>
<table align="center" cellpadding="5px" style="margin-top:50px;margin-bottom:140px;margin-left:173px;">
<tr>
<td> </td>
<td align="center">
用 户 注 册
</td>
</tr>
<tr>
<td align="right">用户名: </td>
<td>
<input type="text" id="username" autocomplete="off" placeholder="请输入用户名">
</td>
</tr>
<tr>
<td align="right">密 码: </td>
<td>
<input type="password" id="password" placeholder="请输入密码">
</td>
</tr>
<tr>
<td align="right">确认密码: </td>
<td>
<input type="password" id="repassword" placeholder="请确认密码">
</td>
</tr>
<tr>
<td> </td>
<td>
<input type="button" value=" 注 册 " id="reg" onclick="reg()">
<a href="log.html">登录</a>
</td>
</tr>
</table>
</div>
</body>
</html>