網(wǎng)頁制作離不開CSS樣式，其中表單樣式是一個(gè)很重要的方面。通過CSS樣式，我們可以將普通的表單內(nèi)容變得更加美觀、易于操作和符合品牌形象。

在制作表單樣式時(shí)，我們常常會(huì)使用<input>、<select>、<textarea>等HTML元素。這些元素都有對(duì)應(yīng)的CSS樣式屬性，通過合理的設(shè)置，可以達(dá)到我們想要的樣式效果。

比如，下面是一個(gè)自適應(yīng)寬度的文本框樣式：

input[type="text"] {
width: 100%;
height: 40px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
}

這個(gè)樣式設(shè)置了文本框的寬度為100%，高度為40px，內(nèi)邊距為10px，邊框?yàn)?px的灰色，圓角為4px，字體大小為16px。這樣，無論表單在不同設(shè)備上顯示，文本框都會(huì)自適應(yīng)寬度，顯示美觀。

此外，我們還可以通過CSS樣式設(shè)置表單的hover、focus效果，以及表單的布局等。下面是一個(gè)樣式設(shè)置了提交按鈕的hover效果：

input[type="submit"] {
background-color: #0096c7;
color: #fff;
border: none;
border-radius: 4px;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #0b71a8;
}

這個(gè)樣式設(shè)置了提交按鈕的背景色為深藍(lán)色，字體顏色為白色，邊框?yàn)闊o，圓角為4px，內(nèi)邊距為10px 20px，字體大小為16px，鼠標(biāo)指針為手型。當(dāng)鼠標(biāo)懸停在按鈕上時(shí)，背景色會(huì)變?yōu)闇\藍(lán)色。

除了設(shè)置表單元素的樣式，我們還可以通過CSS樣式設(shè)置整個(gè)表單的布局。比如，下面是一個(gè)設(shè)置表單為兩列布局的樣式：

form {
display: flex;
flex-wrap: wrap;
}
form label {
width: 30%;
margin-right: 20px;
text-align: right;
line-height: 40px;
}
form input,
form select {
width: 70%;
height: 40px;
}

這個(gè)樣式設(shè)置了表單父元素為flex布局，flex-wrap為wrap，即換行顯示。label元素占據(jù)30%的寬度，右側(cè)留有20px的間距，文本右對(duì)齊，行高為40px。input和select元素占據(jù)70%的寬度，高度為40px。這樣，表單元素會(huì)排列成兩列，顯示更加清晰。

總之，通過合理的CSS樣式設(shè)置，我們可以使表單在外觀和功能上都更加符合我們的需求和期望。