CSS表單樣式非常重要，因?yàn)樗粌H可以美化表單，而且可以幫助用戶更好地理解表單內(nèi)容。下面我們來看看如何編寫CSS表單樣式。

/*為表單添加樣式*/
form {
display: block;
margin: 0 auto;
width: 500px;
background: #f2f2f2;
padding: 20px;
border-radius: 10px;
}
/*設(shè)置表單中的輸入框樣式*/
input[type="text"], input[type="email"], input[type="password"], textarea {
display: block;
width: 100%;
padding: 10px;
font-size: 20px;
margin-bottom: 25px;
border-radius: 10px;
border: none;
background: #f5f5f5;
}
/*設(shè)置表單提交按鈕樣式*/
input[type="submit"] {
display: block;
width: 100%;
padding: 10px;
font-size: 20px;
border-radius: 10px;
border: none;
background: #4CAF50;
color: #fff;
cursor: pointer;
margin-top: 25px;
}
/*設(shè)置表單中的錯(cuò)誤提示樣式*/
.error {
color: red;
font-size: 16px;
margin-top: 10px;
}

上述代碼中，我們首先為表單添加樣式，使它居中且具備圓角和背景顏色。接著，我們?yōu)楸韱沃械妮斎肟颉⑻峤话粹o和錯(cuò)誤提示添加樣式。對于輸入框，我們設(shè)置了寬度、內(nèi)邊距、字體大小、圓角等樣式。對于提交按鈕，我們設(shè)置了顏色、鼠標(biāo)指針、邊框等樣式。最后，我們?yōu)殄e(cuò)誤提示添加了顏色和字體大小等樣式，使其更加顯眼。