首先,我們需要創建一個 HTML 表單元素,其中包含一個提交按鈕。可以使用 CSS 的類名和屬性來創建按鈕樣式。例如,我們可以使用 `input[type="submit"]` 類來創建一個按鈕,并使用 `background-color`、`border`、`color`、`font-size`、`font-weight`、`padding` 和 `margin` 屬性來設置按鈕的樣式。
例如,下面的代碼創建了一個簡單的提交按鈕,其背景色為藍色,樣式如下所示:
```html
<input type="submit" value="提交" class="submit-button">
在 CSS 中,我們可以使用 `background-color` 屬性來設置按鈕的背景色。例如,下面的代碼將按鈕的背景色設置為白色:
```css
.submit-button {
background-color: #fff;
我們還可以使用其他 CSS 屬性來修改按鈕的樣式,例如 `border`、`color`、`font-size`、`font-weight` 和 `padding`。例如,下面的代碼將按鈕的邊框設置為黑色,顏色設置為白色,字體大小為 16 像素,以及 10 像素的內邊距和 30 像素的外邊距:
```css
.submit-button {
border: 1px solid #ccc;
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 10px;
```css
background-color: #fff;
color: #333;
font-size: 16px;
padding: 10px;
margin: 10px;
```html
<input type="submit" value="提交" class="submit-button">
以上就是使用 CSS 制作提交按鈕的簡單步驟。通過使用 CSS 的類名和屬性,我們可以輕松地創建具有漂亮外觀的提交按鈕,同時也可以方便地實現表單提交功能。