HTML+CSS实现品优购登录界面

1、HTML部分源代码如下：

注册新用户

我有账号，去登陆

• 手机号： 手机号码格式不正确，请从新输入
• 短信验证码： 短信验证码输入正确
• 登录密码： 手机号码格式不正确，请从新输入
• 安全程度 弱 中 强
• 确认密码： 手机号码格式不正确，请从新输入
• 同意协议并注册 《知晓用户协议》

2、CSS部分源代码如下：

.w { width: 1200px; margin: 0 auto;}header { height: 84px; border-bottom: 2px solid #c81523;}.logo { padding-top: 18px;}.registerarea { height: 522px; border: 1px solid #ccc; margin-top: 20px;}.registerarea h3 { height: 42px; border-bottom: 1px solid #ccc; background-color: #ececec; line-height: 42px; padding: 0 10px; font-size: 18px; font-weight: 400;}.login { float: right; font-size: 14px;}.login a { color: #c81523;}.reg_form { width: 600px; margin: 50px auto 0;}.reg_form ul li { margin-bottom: 20px;}.reg_form ul li label { display: inline-block; width: 88px; text-align: right;}.reg_form ul li .inp { width: 242px; height: 37px; border: 1px solid #ccc;}.error { color: #c81523;}.error_icon,.success_icon { display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../images/error.png) no-repeat; margin-top: -2px;}.success { color: green;}.success_icon { background: url(../images/success.png) no-repeat;}.safe { padding-left: 170px;}.safe em { padding: 0 12px; color: #fff;}.ruo { background-color: #de1111;}.zhong { background-color: #40b83f;}.qiang { background-color: #f79100;}.agree { padding-left: 95px;}.agree input { vertical-align: middle;}.agree a { color: #1ba1e6;}.btn { width: 200px; height: 34px; background-color: #c81623; font-size: 14px; color: #fff; margin: 30px 0 0 70px;}.mod_copyright { text-align: center; padding-top: 20px;}.links { margin-bottom: 15px;}.links a { margin: 0 3px;}.copyright { line-height: 20px;}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。