精美注册界⾯模板HTML+CSS样式注册页⾯效果图：
附源码：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>紫⾊背景简洁登陆页⾯</title>
<meta charset="utf-8">
<meta name="viewport"content="width=device-width, initial-scale=1">
<!--图标-->
<link rel="stylesheet"type="text/css"href="css/font-awesome.min.css">
<!--布局框架-->
<link rel="stylesheet"type="text/css"href="css/util.css">
<!--主要样式-->
<link rel="stylesheet"type="text/css"href="css/main.css">
</head>
<body>
<div class="login">
<div class="container-login100">
<div class="wrap-login100">
<div class="login100-pic js-tilt"data-tilt>
<img src="img/img-01.png"alt="IMG">
</div>
<form class="login100-form validate-form">
<span class="login100-form-title">
书⾹注册
</span>
<div class="wrap-input100 validate-input">
<input class="input100"type="text"name="email"placeholder="⽤户名">
<span class="focus-input100"></span>
<span class="symbol-input100">
<i class="fa fa-envelope"aria-hidden="true"></i>
<i class="fa fa-envelope"aria-hidden="true"></i>
</span>
</div>
<div class="wrap-input100 validate-input">
<input class="input100"type="password"name="pass"placeholder="密码"> <span class="focus-input100"></span>
<span class="symbol-input100">
<i class="fa fa-lock"aria-hidden="true"></i>
</span>
</div>
<div class="container-login100-form-btn">
<button class="login100-form-btn">
注册
</button>
</div>
<div class="text-center p-t-12">
<a class="txt2"href="javascript:">
忘记密码？
</a>
</div>
<div class="text-center p-t-136">
<a class="txt2"href="#">
已有账户？⽴即注册
<i class="fa fa-long-arrow-right m-l-5"aria-hidden="true"></i>
</a>
</div>
</form>学校网站免费html模板
</div>
</div>
</div>
</body>
</html>
附上图标：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。