本文共计260个文字，预计阅读时间需要2分钟。

gistfile1.txt：用户登录+忘记密码+记住密码gistfile2.txt：body {background: olivedrab;} .login-form {background:

gistfile1.txt

用户登录

忘记密码 记住密码

gistfile2.txt

body { background: olivedrab; } .login-form { background: #eee; width: 26%; margin: 9% auto 4% auto; position: relative; } .head { position: absolute; top: -15%; left: 35%; } } .main { position: relative; } .main h1 { font-size: 25px; color: #676767; padding-top: 19%; text-align: center; } .main form { width: 80%; margin: 0 auto; padding: 6% 0 9% 0; } .main p { text-align: center ; } .main form p a { color: #888; } form p a:hover { color: #21A957; } input[type="text"], input[type="password"] { text-align: left; position: relative; width: 92%; padding: 3%; background: #D3D3D3; margin-bottom: 6%; color: #676767; font-weight: 600; font-size: 16px; outline: none; border: none; border-radius: 5px; border: 1px solid #DED6D6; } input[type="text"]:hover, input[type="password"]:hover { border: 1px solid #949494; transition: 0.5s; } input[type="submit"] { width: 99%; padding: 3%; background: #21A957; color: #ECECEC; font-size: 20px; border: none; cursor: pointer; font-weight: 500; border-radius: 5px; transition: 0.5s; } input[type="submit"]:hover { background: #128A42; color: #fff; } jiemian.png