如果你的網(wǎng)站需要讓用戶登錄，你就需要一個好看且易用的用戶登錄界面。使用 CSS 可以很容易地實現(xiàn)這個任務。

首先，在 HTML 中添加一個表單。表單需要包含輸入框和提交按鈕，如下所示：

<form>
<label for="username">用戶名</label>
<input type="text" id="username">
<label for="password">密碼</label>
<input type="password" id="password">
<button type="submit">登錄</button>
</form>

接下來，使用 CSS 對表單進行樣式設置。通過外觀、大小和布局調(diào)整表單，從而使其易于使用和美觀。我們使用以下代碼集中設置表單的樣式：

form {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #f1f1f1;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
label, input, button {
font-size: 18px;
margin: 10px;
}
input[type="text"], input[type="password"] {
width: 100%;
padding: 12px;
border: none;
border-radius: 5px;
background-color: #e8e8e8;
}
button[type="submit"] {
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
padding: 12px 20px;
cursor: pointer;
}
button[type="submit"]:hover {
background-color: #45a049;
}

最后呈現(xiàn)出來的登錄界面如下圖所示：

使用 CSS 可以很容易地為用戶創(chuàng)建一個漂亮的登錄界面，以便他們舒適地使用您網(wǎng)站的內(nèi)容。