CSS 設置表單居中

要使用 CSS 設置表單居中，需要使用 CSS 的 "text-align" 屬性，該屬性可以設置文本的對齊方式。將 "text-align" 屬性設置為 "center"，可以將表單中的文本和元素居中。還可以使用 "margin" 屬性來調整表單元素的垂直居中位置，將 "margin-top" 和 "margin-bottom" 屬性設置為 "0"，然后使用 "text-align" 屬性將表單居中。

以下是一個簡單的示例，演示了如何使用 CSS 設置表單居中：

```html

<form>

<label for="name">姓名：</label>

<input type="text" id="name" name="name">

<button type="submit">提交</button>

</form>

在這個示例中，我們使用 HTML 標簽 "label" 和 "input" 元素來將表單中的文本居中。我們還使用 CSS 樣式來調整表單元素的樣式，包括 "margin-top" 和 "margin-bottom" 屬性，將表單元素垂直居中。

```css

form {

text-align: center;

label {

display: block;

margin-top: 0;

margin-bottom: 20px;

input[type="text"], input[type="password"] {

width: 100%;

padding: 10px;

border: 1px solid #ccc;

border-radius: 5px;

button {

display: block;

margin-top: 0;

margin-bottom: 20px;

padding: 10px;

border: 1px solid #ccc;

border-radius: 5px;

在這個示例中，我們使用 CSS 樣式將表單元素垂直居中，并設置了 "text-align" 屬性為 "center"。我們還設置了表單元素的邊框和radius屬性，使其看起來更美觀。

使用 CSS 設置表單居中可以更好地控制表單元素的樣式和布局，使表單更加美觀和易于使用。