//欢迎加我VX进群交流vx账号:-Sep07
代码:
<!doctype html><html><head><meta charset="UTF-8"><title>注册页面</title></head><style>*{margin: 0;padding: 0;/*初始化内外边距*/}.box1{width: 1000px;height: 500px;background: #BFBFBF;margin: auto;}.box2{width: 820px;height: 50px;background:#38B493;margin: auto;}span{margin-top: 60px;width: 810px;height: 400px;border: 5px solid white;display:inline-block;}input{border: 1px solid #00000;width: 300px;height: 30px;margin-left: 200px;font-size: 12px;padding-left: 50px;color: gray;}.btn{margin-top: 10px;font-size: 12px;background: #38B493;color: gray;width: 355px;height: 30px;margin-left: 200px;padding-right: 50px;}.title{font-size: 24px;color: gray;margin-left: 100px;}p{margin-top: 5px;}</style><body><div class=" box1"><div class="box2"><span><form action="#" method="post"><p class="title">注册新用户</p><p><input type="text" value="用户名"></p><p><input type="text" value="用户名"></p><p><input type="text" value="密码"></p><p><input type="text" value="记住密码"></p><p><input type="text" value="邮箱"></p><p><input type="button" class="btn" value="注册新用户"></p></form></span></div></div></body></html>
效果截图
//欢迎加我VX进群交流vx账号:-Sep07