CSS 是層疊樣式表的縮寫，它是一種用來控制網頁樣式和布局的語言。其中一項重要的功能是控制表單的樣式和布局，使其更美觀和易于使用。在本文中，我們將學習如何使用 CSS 來提交表單。

在表單中，用戶通常需要輸入一些數據，如用戶名、密碼、電子郵件地址等。然而，在默認情況下，表單的外觀和布局可能不符合我們的需求。這時，我們可以使用 CSS 來控制表單，使其更適合我們的網站設計和用戶體驗。

下面是一些常用的 CSS 樣式，可用于美化表單：

/* 設置表單元素的寬度 */
input, select, textarea {
width: 100%;
}
/* 設置表單元素的邊框和圓角 */
input[type="text"], select, textarea {
border: 1px solid #ccc;
border-radius: 5px;
}
/* 設置表單元素的字體和字號 */
input, select, textarea {
font-family: Arial, sans-serif;
font-size: 14px;
}
/* 設置表單提交按鈕的樣式 */
input[type="submit"] {
background-color: #4CAF50;
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}
/* 設置表單提交按鈕的懸停樣式 */
input[type="submit"]:hover {
background-color: #3e8e41;
}

在上面的例子中，我們使用 CSS 來設置表單元素的寬度、邊框和圓角、字體和字號以及提交按鈕的樣式。這些樣式可以根據需要進行調整和修改。

除了美化表單，CSS 還可以用來控制表單的布局。例如，我們可以使用 CSS 的 float 屬性來設置表單元素的左對齊或右對齊：

/* 設置表單元素左對齊 */
input, select, textarea {
float: left;
clear: both;
margin-right: 10px;
}
/* 設置表單元素右對齊 */
input, select, textarea {
float: right;
clear: both;
margin-left: 10px;
}

通過上面的例子，我們可以看到，使用 CSS 來控制表單樣式和布局是十分方便和靈活的。我們可以根據自己的需求來在表單中使用 CSS ，從而提升用戶體驗和頁面設計效果。