對于開發人員來說，表單 (form) 是最常見的 HTML 元素之一。在表單的樣式設計中，CSS 代碼的應用是非常重要的。以下是一些常用的 form 樣式 CSS 代碼：

/* 設置表單的字體樣式 */
form {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}
/* 設置表單元素的默認樣式 */
input[type="text"], input[type="email"], input[type="password"], textarea {
width: 100%;
padding: 10px;
border-radius: 5px;
border: none;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
/* 設置表單元素的 hover 狀態 */
input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, textarea:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
transition: box-shadow 0.3s ease-in-out;
}
/* 設置表單元素的 focus 狀態 */
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
outline: none;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
/* 設置表單元素的提交按鈕 */
input[type="submit"] {
padding: 10px 20px;
background-color: #336699;
color: #ffffff;
border: none;
border-radius: 5px;
cursor: pointer;
}
/* 設置表單元素的重置按鈕 */
input[type="reset"] {
padding: 10px 20px;
background-color: #999999;
color: #ffffff;
border: none;
border-radius: 5px;
cursor: pointer;
}

以上是常用的表單 CSS 樣式代碼，開發人員可以根據自身需求進行選擇和定制。如果您想更好的使用這些代碼，建議先熟悉 CSS 常見的選擇器和屬性等。