CSS（層疊樣式表）是一種樣式標(biāo)記語言，可以通過CSS給網(wǎng)頁添加豐富的樣式。在網(wǎng)站設(shè)計(jì)中，表單是一個(gè)非常重要的部分，而CSS樣式下的表單可以讓網(wǎng)站看起來更加美觀和整潔。

<form>
<label for="username">用戶名</label>
<input type="text" id="username" name="username">
<label for="password">密碼</label>
<input type="password" id="password" name="password">
<input type="submit" value="提交">
</form>

上面的代碼是一個(gè)簡(jiǎn)單的表單示例。下面是如何使用CSS來為表單添加樣式。

form {
background-color: #f2f2f2;
padding: 20px;
border-radius: 10px;
width: 50%;
margin: 0 auto;
}
label {
display: block;
margin-bottom: 10px;
font-weight: bold;
}
input[type="text"], input[type="password"] {
border-radius: 5px;
border: none;
padding: 10px;
width: 100%;
margin-bottom: 20px;
}
input[type="submit"] {
border-radius: 5px;
border: none;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
font-weight: bold;
cursor: pointer;
}

上面的代碼為表單添加了背景色、圓角、內(nèi)邊距和邊框。label標(biāo)簽用于為輸入框添加標(biāo)簽，可以按照需要對(duì)其進(jìn)行樣式設(shè)置；input[type="text"]和input[type="password"]用于設(shè)置輸入框的樣式，border和padding可以根據(jù)需要進(jìn)行調(diào)整；input[type="submit"]用于設(shè)置提交按鈕的樣式，背景顏色、字體顏色和字體粗細(xì)可以根據(jù)需要進(jìn)行調(diào)整。

通過樣式設(shè)置，表單可以在視覺上更加美觀、清晰，并且更加用戶友好。此外，表單樣式還可以根據(jù)不同的設(shè)備進(jìn)行調(diào)整，從而實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)，使用戶在任何設(shè)備上都可以方便地填寫表單。