CSS樣式表單form是一個(gè)通過CSS樣式表來進(jìn)行網(wǎng)頁表單設(shè)計(jì)的工具。它可以實(shí)現(xiàn)表單元素的樣式和排版的靈活控制，使得表單的外觀更符合頁面設(shè)計(jì)的要求。

form{
display: block;
margin: 20px auto;
padding: 10px;
width: 400px;
border: 1px solid #ccc;
background-color: #f5f5f5;
}

在CSS中，可以使用form選擇器來定義表單的樣式。常見的屬性例如display、margin、padding、width、border、background-color等，都可以用來控制表單的樣式。比如上面的代碼就定義了一個(gè)寬度為400px，周圍留有20px的留白，邊框?yàn)?px的灰色實(shí)線，背景為淺灰色的表單。

input[type=text]{
display: block;
margin-bottom: 10px;
padding: 5px;
width: 100%;
border: 1px solid #ccc;
border-radius: 3px;
box-sizing: border-box;
}

除了表單整體的樣式，對于表單元素的樣式也有很多控制方式。在上面的代碼中，input[type=text]選擇器定義了所有文本輸入框的樣式。可以看到，padding屬性控制了輸入框內(nèi)文字和邊框之間的距離，border-radius屬性設(shè)置了圓角邊框，而box-sizing屬性則更好地控制了輸入框的大小。此外，根據(jù)實(shí)際需要，還可以使用更多的CSS屬性來控制表單元素的樣式，例如background-color、font-size、text-align等。

button[type=submit]{
display: block;
margin: 0 auto;
padding: 5px 20px;
border-radius: 3px;
background-color: #42b983;
color: #fff;
text-align: center;
cursor: pointer;
}

最后，還有一個(gè)常見的用于表單的元素——提交按鈕。在上面的代碼中，button[type=submit]選擇器定義了提交按鈕的樣式。可以看到，很多和輸入框樣式類似的屬性都被使用了，但是還有一些不同的地方，比如背景色設(shè)置為了綠色。此外，需要注意的是，按鈕還可以添加hover、active等偽類，來定義鼠標(biāo)移動(dòng)到按鈕上或點(diǎn)擊按鈕時(shí)的樣式變化，從而提升用戶體驗(yàn)。