HTML 是網頁開發的基礎語言，而 CSS 又是為 HTML 美化和樣式化的必要語言。CSS 中有許多關于按鈕樣式的代碼，下面我們就來介紹一些常用的 HTML 按鈕樣式 CSS 代碼。 首先，我們需要先了解一下按鈕的基本元素。HTML 中的按鈕可以通過 input 元素來創建。input 元素的 type 屬性可以設置為 button 或 submit，前者是一個普通按鈕，后者是一個具有提交表單功能的按鈕。在 CSS 中，我們需要為按鈕應用樣式，使用的選擇器為 input[type='button'] 或 input[type='submit']。 下面我們就來看幾個常用的 CSS 按鈕樣式： 1. 普通按鈕 input[type='button'] { background: #ccc; color: #333; border: none; padding: 8px 16px; font-size: 16px; } 這個按鈕基本上是最簡單的樣式，只設置了背景、字體顏色和內邊距等基本屬性。 2. 漸變按鈕 input[type='button'] { background: linear-gradient(to right, #4eb7a8, #3bafd9); color: #fff; border: none; padding: 12px 24px; font-size: 20px; border-radius: 4px; } 這個按鈕使用了漸變背景，設置了內邊距、字體大小和圓角屬性。 3. 3D 按鈕 input[type='button'] { background: #aaa; color: #fff; border: none; padding: 12px 24px; font-size: 20px; text-shadow: 1px 1px #888; box-shadow: 2px 2px 4px #333; cursor: pointer; } 這個按鈕使用了陰影效果來創建立體效果，同時設置了鼠標指針形狀為手型。 以上只是幾個簡單的示例，實際中還有更復雜的樣式和結構，需要您自己進行嘗試和探索。在代碼中，pre 標簽可以幫助我們展示帶有多個空格的代碼，使用 pre 標簽可以把 CSS 代碼展示的更加清晰明了。 最后，我們還要注意一點，就是在應用按鈕樣式時必須使用 input 元素，如果使用的是 button 元素，那么按鈕將使用默認樣式。希望這篇文章能夠幫助您對 HTML 按鈕樣式的 CSS 代碼有更深入的了解。