今天，我想和大家分享一些關于表單 CSS 模板代碼的內容。表單是很多網站的重要組成部分，但是我們有時候可能會對表單的樣式感到無從下手。好在現在我們可以使用 CSS 模板快速地設計一個漂亮而且實用的表單。 下面是一份表單 CSS 模板代碼的例子，你可以把它直接復制到你的項目中使用：

/* 表單樣式 **/
form {
width: 100%;
}
label {
display: block;
font-weight: bold;
}
input[type="text"],
input[type="email"],
textarea {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border: none;
border-radius: 3px;
background-color: #f2f2f2;
font-size: 18px;
line-height: 1.5;
}
input[type="submit"] {
color: #fff;
background-color: #1abc9c;
padding: 10px 20px;
border: none;
border-radius: 3px;
font-size: 18px;
cursor: pointer;
}
input[type="submit"]:hover {
background-color: #16a085;
}

首先，我們給整個 `form` 元素設置了一個寬度為 100%。然后我們使用了 `label` 元素來定義表單標簽，并設置了粗體文字顯示。接著，我們使用了多個選擇器來為不同的表單元素設置了樣式。 對于 `input[type="text"]`, `input[type="email"]` 以及 `textarea` 元素，我們設置了寬度為 100%，內邊距為 10px，外邊距為 20px，邊框為無，圓角為 3px，背景色為 #f2f2f2，字體大小為 18px，行高為 1.5。 最后，我們為 `input[type="submit"]` 元素設置了顏色為白色，背景色為 #1abc9c，內邊距為 10px 20px，外邊框為無，圓角為 3px，字體大小為 18px，鼠標樣式為手型。在鼠標懸浮于按鈕上時，我們設置了背景色為 #16a085。 使用 CSS 模板，你可以快速、有效地創建漂亮的表單，節省時間和勞動力。優秀的表單樣式能夠提高用戶體驗，為你的網站帶來更好的反饋。如果你在設計表單樣式方面遇到了麻煩，不妨試試使用這份表單 CSS 模板。