在網站表單的設計中，CSS起著至關重要的作用，它可以定制表單的樣式和布局，讓其更加美觀和易用。下面將介紹如何使用CSS為表單增加樣式。
首先需要一個基本的HTML表單模板：
<form id="myForm"> <label for="username">用戶名</label> <input type="text" id="username" name="username"> <label for="password">密碼</label> <input type="password" id="password" name="password"> <button type="submit">登錄</button> </form>
接下來，我們可以使用CSS為表單增加樣式。以下是一個簡單的樣式表：
form {
width: 300px;
margin: 0 auto;
}
label {
display: block;
margin-bottom: 10px;
}
input[type=text], input[type=password] {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
margin-bottom: 20px;
}
button[type=submit] {
display: block;
width: 100%;
padding: 10px;
background-color: #008CBA;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
button[type=submit]:hover {
background-color: #005A8C;
}這個樣式表使用了一些常用的CSS屬性，如寬度、外邊距、內邊距、邊框、圓角、背景顏色、文本顏色等，可以通過調整這些參數來定制表單的樣式。
最后我們在HTML文件中引入該樣式表即可：
<head> <link rel="stylesheet" href="styles.css"> </head>
這樣就完成了樣式表的引入和表單的美化。CSS的運用可以讓我們的表單更加美觀和易用，為用戶帶來更好的體驗。