HTML 設置按鈕的風格 HTML 是一種標記語言，是網頁開發中不可缺少的一部分。其中按鈕是網頁中常用的交互元素之一，通過設置按鈕的樣式，可以使網頁更加美觀和易用性更好。本文將介紹如何通過 HTML 設置按鈕的風格。 1. 使用 button 標簽 HTML 提供了 button 標簽用于定義一個按鈕。可以通過設置 button 標簽的屬性來調整按鈕的風格。以下是一個簡單的例子：

<button style="background-color: #4CAF50; color: white; border: none; padding: 10px 20px; text-align: center; font-size: 16px;">點擊我</button>

上述代碼設置了按鈕的樣式，包括背景顏色、文本顏色、邊框樣式、內邊距、文字對齊方式和字體大小等。 2. 使用 input 標簽 除了 button 標簽外，還可以使用 input 標簽創建按鈕。input 標簽有多種 type 屬性可以創建不同類型的按鈕，例如 submit、reset、button、image 等。以下是一個創建 submit 類型按鈕的例子：

<input type="submit" value="提交" style="background-color: #4CAF50; color: white; border: none; padding: 10px 20px; text-align: center; font-size: 16px;">

上述代碼設置了 input 標簽的 type 屬性為 submit，設置了按鈕的顯示文本和樣式。 3. 使用 CSS 樣式表 除了在 HTML 中直接設置按鈕的樣式外，還可以使用 CSS 樣式表來對按鈕進行風格設置。以下是一個簡單的 CSS 樣式表示例：

.my-btn {
background-color: #4CAF50;
color: white;
border: none;
padding: 10px 20px;
text-align: center;
font-size: 16px;
}

上述代碼定義了一個名為 my-btn 的 CSS 類，指定了按鈕的樣式。在 HTML 中，可以使用 class 屬性來應用該樣式：

<button class="my-btn">點擊我</button>

以上就是關于 HTML 設置按鈕的風格的介紹，通過簡單的代碼設置和 CSS 樣式表的運用，可以讓按鈕在頁面中更加突出和美觀。