現(xiàn)在，大多數(shù)網(wǎng)站都要求用戶登錄才能使用其服務(wù)。登錄界面對(duì)于用戶來說至關(guān)重要，因?yàn)樗撬麄兣c網(wǎng)站的第一次互動(dòng)。 為了使用戶體驗(yàn)更加優(yōu)秀，我們可以為登錄界面添加簡(jiǎn)單的 CSS 樣式。

/* 表單樣式 */
form {
width: 300px;
margin: 0 auto;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
input[type="text"],
input[type="password"] {
display: block;
width: 100%;
padding: 8px;
border: 1px solid #ccc;
margin-bottom: 10px;
box-sizing: border-box;
font-size: 16px;
}
input[type="submit"] {
background-color: #3f51b5;
color: #fff;
padding: 10px;
border: none;
width: 100%;
cursor: pointer;
font-size: 16px;
}
input[type="submit"]:hover {
background-color: #1a237e;
transition: background-color 0.3s;
}
/* 頁(yè)面樣式 */
body {
background-color: #f5f5f5;
font-family: Arial, sans-serif;
}
h1 {
text-align: center;
margin-top: 50px;
}
.login-container {
width: 400px;
margin: 0 auto;
border-radius: 5px;
background-color: #fff;
padding: 20px;
box-shadow: 0 0 10px #ccc;
}

以上是我們?yōu)榈卿洷韱翁砑拥暮?jiǎn)單 CSS 樣式。我們對(duì)表單使用了 `width`，`display`，`margin` 等屬性進(jìn)行了布局。我們?yōu)闃?biāo)簽 `label` 和輸入框 `input` 設(shè)置了一些基礎(chǔ)樣式，并且還使用了 `input[type="submit"]` 為提交按鈕添加了一些按鈕，`hover` 樣式。此外，我們還為網(wǎng)頁(yè)設(shè)計(jì)了一個(gè)背景色，標(biāo)題樣式和登錄框樣式。