| | |
|---|
| | | /* 登录框 */ |
|---|
| | | .login_box { |
|---|
| | | width: 440px; |
|---|
| | | height: 450px; |
|---|
| | | background-color: #fff; |
|---|
| | | border-radius: 3px; |
|---|
| | | padding: 40px 60px; |
|---|
| | | padding: 40px 60px 10px 60px; |
|---|
| | | box-sizing: border-box; |
|---|
| | | position: relative; |
|---|
| | | z-index: 2; |
|---|
| | | |
|---|
| | | outline: 8px solid hsla(0,0%,100%,.4); |
|---|
| | | .title { |
|---|
| | | font-size: 20px; |
|---|
| | | color: #007fe1; |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .login_box::after { |
|---|
| | | content: ""; |
|---|
| | | display: block; |
|---|
| | | width: 456px; |
|---|
| | | height: 466px; |
|---|
| | | position: absolute; |
|---|
| | | top: -8px; |
|---|
| | | left: -8px; |
|---|
| | | background: rgba(255, 255, 255, 0.4); |
|---|
| | | z-index: -1; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 登录按钮 */ |
|---|
| | | .btns { |
|---|
| | | text-align: center; |
|---|
| | |
|---|
| | | |
|---|
| | | .login_box { |
|---|
| | | width: 400px; |
|---|
| | | height: 360px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .login_box::after { |
|---|
| | | width: 416px; |
|---|
| | | height: 376px; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </style> |
|---|
