表單居中是網頁設計中很基礎的一項技能。今天我們來學一下如何使用CSS將表單居中放置。

首先，我們需要在HTML中定義表單。例如：

<form>
<label for="username">用戶名:</label>
<input type="text" id="username" name="username"><br>
<label for="password">密碼:</label>
<input type="password" id="password" name="password"><br>
<input type="submit" value="提交">
</form>

接下來，我們需要使用CSS來實現表單的居中放置。我們可以使用下面的CSS代碼來設置表單的樣式：

form {
margin: auto; /* 居中放置 */
width: 50%; /* 設置表單寬度 */
padding: 10px; /* 設置表單內邊距 */
border: 1px solid #ccc; /* 設置表單邊框 */
}

通過設置margin為auto，我們可以使表單水平居中放置。通過設置寬度、內邊距和邊框，我們可以讓表單看起來更加美觀。

總之，表單的居中放置是一個非常實用的網頁設計技能。掌握這個技能后，我們可以讓表單在網頁中更加美觀、整潔、易于使用。