无线业务wifi服务
2019年10月16日
862
无线业务wifi服务
htmlcss:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>无线业务wifi服务</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
body{
font-size: 14px;
background-color: #ffffff;
}
a{
color: #515151;
text-decoration: none;
}
.head{
height: 45px;
line-height: 45px;
margin-top: 56px;
}
.m2{
width: 1130px;
margin: 0 auto;
}
.fr{
float: right;
}
.tit{
width: 1130px;
height: 170px;
margin: 0 auto;
}
.tit .pic{
width: 300px;
height: 80px;
margin: 0 auto;
text-align: center;
}
.tit h1{
height: 90px;
line-height: 90px;
text-align: center;
color: #444444;
font-weight: normal;
}
.login{
width: 340px;
height: 160px;
margin: 0 auto;
border: 1px solid blue;
}
#uname,#pwd{
width: 270px;
height: 38px;
line-height: 38px;
padding-left: 66px;
border: none;
background-repeat: no-repeat;
}
#uname{
background-image: url(images/usename.png);
margin-bottom: 20px;
}
#pwd{
background-image: url(images/password.png);
}
.btn{
width: 60px;
height: 25px;
line-height: 25px;
background-color: #27A9E3;
color: #fff;
text-align: center;
border: none;
cursor: pointer;
}
</style>
</head>
<body>
<!--div.head>div.m2>div.fr>a*2-->
<div class="head">
<div class="m2">
<div class="fr">
<a href="">加入收藏</a> | <a href="">联系我们</a>
</div>
</div>
</div>
<div class="tit">
<div class="pic">
<img src="images/jian.png"/>
</div>
<h1>无线业务WiFi服务</h1>
</div>
<div class="login">
<form action="" method="post">
<p>
<input type="text" name="uname" id="uname" class="uname" />
</p>
<p>
<input type="password" name="pwd" id="pwd" class="pwd" />
</p>
<p>
<input type="checkbox" name="checked" id="checked" />记住密码
<a href="">忘记密码</a>
<input type="submit" value="登录" class="btn" />
</p>
</form>
</div>
</body>
</html>