CSS 驗證碼 登陸界面

html {
font-size: 62.5%;
}
body {
font-size: 1.6rem;
background-color: #f5f5f5;
}
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.login-form {
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
padding: 4rem;
border-radius: 0.6rem;
}
.login-form h2 {
text-align: center;
margin-bottom: 2rem;
}
.login-form label {
font-size: 1.4rem;
margin-bottom: 0.6rem;
color: #777;
}
.login-form input {
width: 100%;
height: 4rem;
padding: 0.8rem;
font-size: 1.6rem;
border: 1px solid #ddd;
border-radius: 0.4rem;
margin-bottom: 2rem;
}
.login-form button {
width: 100%;
height: 4rem;
background-color: #0cafe5;
color: #fff;
border: none;
border-radius: 0.4rem;
font-size: 1.6rem;
transition: background-color 0.2s;
}
.login-form button:hover {
background-color: #0ba1c9;
}
.login-form .captcha {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 1rem;
}
.captcha img {
width: 10rem;
height: 4rem;
margin-right: 1rem;
border-radius: 0.4rem;
}
.captcha span {
font-size: 2.4rem;
cursor: pointer;
}
.captcha span:hover {
text-decoration: underline;
}

以上為 CSS 代碼，可以實現一個簡單的登陸界面，界面包含表單輸入及驗證碼部分。