CSS中的登錄代碼：

/* 容器樣式 */
.login-container {
width: 400px;
height: 300px;
background-color: #fff;
box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
border-radius: 4px;
margin: 50px auto;
padding: 20px;
}
/* 表單樣式 */
.login-form {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
/* 輸入框樣式 */
.login-input {
box-sizing: border-box;
width: 100%;
padding: 10px;
margin-bottom: 20px;
border-radius: 4px;
border: 1px solid #ccc;
font-size: 14px;
}
/* 按鈕樣式 */
.login-button {
width: 100%;
padding: 10px;
background-color: #f60;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
transition: all 0.3s ease;
}
.login-button:hover {
background-color: #f90;
}

以上CSS代碼是一個簡單的登錄表單的樣式，包含容器樣式、表單樣式、輸入框樣式以及按鈕樣式。我們可以使用這些樣式來設計自己的登錄表單，讓用戶體驗更加友好、美觀。