2019-12-03作业
2019-12-03 本文已影响0人
Dxes
<!--bgcolor="#6f,b3,e0"-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>stu.100phone.net</title>
<link rel="icon" type="image/icon" href="img/img/1.png" />
<style type="text/css">
#b1{
width: 400px;
height: 320px;
border: 7px solid black;
margin: auto;
background-color: #f7f7f7;
position: relative;
top: 120px;
z-index: 100;
}
#f1{
position: relative;
top: 30px;
left: 120px;
color: #5E97CB;
}
hr{
position: relative;
top: 30px;
color: #5e97cb;
}
.c1{
position: relative;
top: 50px;
left: 27px;
width: 300px;
height: 25px;
}
.c2{
position: relative;
top: 60px;
left: 47px;
width: 300px;
height: 25px;
}
.c3{
position: relative;
top: 80px;
left: 47px;
width: 302px;
height: 35px;
background-color:#428bca ;
color: white;
}
#b2{
position: relative;
top: 65px;
left: -125px;
}
#b3{
float: left;
position: relative;
top: 75px;
left: 115px;
}
#b4{
position: relative;
top: 55px;
left: 38px;
}
#d1{
width: 400px;
height: 40px;
background-color: #5090c1;
border:7px solid black;
border-top: 5px solid #597597;
position: relative;
bottom: -97px;
left: -7px;
z-index: 0;
}
.f2{
position: relative;
bottom: -10px;
color: white;
left: -10px;
}
#p1{
position: relative;
top: 60px;
left: 335px;
z-index: 100;
}
#p2{
position: relative;
top: 98px;
left: 5px;
z-index: 100;
}
a{
text-decoration: none;
}
.a1:visited{
color: red;
.a1:hover{
text-decoration: underline;
}
.a2:hover{
text-decoration: underline;
}
}
.a2:visited{
color: white;
}
</style>
</head>
<body bgcolor="#6f,b3,e0">
<div id="b1">
<font id="f1" style="font-size: 30px;">学员后台系统</font>
<hr width="300px" color="#d5e3ef"/>
<form action="" method="get">
<img id="p1" src="img/img/账号.png"/>
<input type="text" name="用户名" class="c1" id="" value="" placeholder="身份证号码/学号" />
<img id="p2" src="img/img/密码.png"/>
<input type="password" name="密码" class="c2" id="" value="" placeholder="密码" />
<input type="submit" name="" id="" value="登录" class="c3" />
</form>
<div id="b2">
<hr width="50px"/>
</div>
<div id="b3">
<font size="2px"><a href="" class="a1">切换新版学员系统，抢先体验</a></font>
</div>
<div id="b4">
<hr width="50px"/>
</div>
<div id="d1">
<font class="f2"><a href="" class="a2">学习总结入口</a></font>
</div>
</div>
</body>
</html>
