Correction status:qualified
Teacher's comments:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录页面</title> <style type="text/css"> *{margin: 0;padding: 0;} body{ background: pink; } div{ width: 400px; height: 350px; margin: 200px auto; background: rgba(160,118,116,0.5); border-radius: 10px; text-align: center; } img{ width: 80px; border-radius: 50%; margin-top: 50px; } input{ width:300px; height:30px; margin-top: 15px; border-radius: 6px; border:none; /*去掉元素自带边框*/ padding-left: 15px; } button{ border: none; width: 200px; height: 35px; border-radius: 6px; background: pink; color: red; margin-top:30px; } </style> </head> <body> <div> <img src="http://img.photo.163.com/6-woxecPz1aBq_csvd10Rw==/2834453015476316347.jpg"> <form> <input type="text" name="" placeholder="请输入用户名...."><br> <input type="password" name="" placeholder="请输入密码...."><br> <button>登录</button> </form> </div> </body> </html>
点击 "运行实例" 按钮查看在线实例