CSS（層疊樣式表）是前端開發中不可或缺的一部分，通過 CSS 我們可以為網頁增加漂亮的樣式和交互效果。在這篇文章中，我們將學習如何使用 CSS 為我們的報名登記表添加樣式。

首先，在 HTML 中創建一個表單，包括姓名、聯系方式和提交按鈕等字段。以下是一個基礎的 HTML 報名登記表樣式：

<form>
<div>
<label for="name">姓名:</label>
<input type="text" id="name" name="name">
</div>
<div>
<label for="contact">聯系方式:</label>
<input type="text" id="contact" name="contact">
</div>
<div>
<input type="submit" value="提交">
</div>
</form>

接下來，我們將使用 CSS 為報名登記表添加樣式，讓它更加美觀和易于操作。

首先，我們可以為整個表單設置一個邊框和背景顏色。我們可以使用以下 CSS 代碼：

form {
border: 1px solid #ccc;
background-color: #f7f7f7;
}

這將使表單看起來更加明顯和引人注目。

我們還可以利用 CSS 的“hover”特性，在鼠標懸浮在提交按鈕上時更改樣式。以下是一個樣例：

input[type="submit"]:hover {
background-color: #4CAF50;
color: white;
}

最后，我們還可以添加一些動畫效果，例如在鼠標點擊提交按鈕時添加過渡效果。以下是一個示例：

input[type="submit"] {
transition: background-color 0.5s ease;
}
input[type="submit"]:hover {
background-color: #4CAF50;
color: white;
}

這個過渡效果將使提交按鈕的點擊更加有趣和互動性。

在使用 CSS 為報名登記表樣式添加樣式時，我們可以進行更多的優化和改進。但是，使用上述方法我們可以為表單增加更多的動態和有趣的樣式，使它更具吸引力和易于操作。