在網頁設計中，表單是一個非常重要的元素。它可以讓用戶輸入數據并提交到服務器。為了讓表單更美觀、易于使用，我們需要對表單進行樣式設計。下面，我們來看看如何使用 CSS 來設計表單樣式。

form {
/* 設置表單的寬度 */
width: 80%;
/* 設置表單的邊框 */
border: 1px solid #ccc;
/* 設置表單內部的邊距 */
padding: 20px;
/* 設置表單的字體 */
font-family: Arial, sans-serif;
/* 設置表單的背景色 */
background-color: #f5f5f5;
}
input[type=text], input[type=email], textarea {
/* 設置輸入框的寬度 */
width: 100%;
/* 設置輸入框的高度 */
height: 40px;
/* 設置輸入框的邊框 */
border: 1px solid #ccc;
/* 設置輸入框的圓角 */
border-radius: 5px;
/* 設置輸入框的內部邊距 */
padding: 10px;
/* 設置輸入框的字體 */
font-size: 16px;
/* 設置輸入框的背景色 */
background-color: #fff;
}
input[type=submit] {
/* 設置提交按鈕的背景色 */
background-color: #1abc9c;
/* 設置提交按鈕的字體顏色 */
color: #fff;
/* 設置提交按鈕的寬度 */
width: 100%;
/* 設置提交按鈕的高度 */
height: 40px;
/* 設置提交按鈕的圓角 */
border-radius: 5px;
/* 設置提交按鈕的字體 */
font-size: 16px;
/* 取消按鈕的邊框 */
border: none;
}

以上是表單樣式的基本設置。具體的樣式還需要根據實際情況進行調整。例如，可以根據不同輸入框的類型來設置不同的樣式。

總的來說，在設計表單樣式時，需要考慮到美觀、易用、可訪問性等因素。還需要注重細節，例如輸入框的提示信息、錯誤信息的展示等。希望大家在設計表單樣式時，能夠發揮創造力，打造出更好的用戶體驗。