CSS（層疊樣式表）是一種用于定義網(wǎng)頁樣式的語言，它可以讓網(wǎng)頁更加美觀和易于閱讀。其中，按鈕（button）是網(wǎng)頁中經(jīng)常用到的元素之一，下面我們就來學習如何使用CSS添加按鈕。

/* 創(chuàng)建一個class樣式，用于定義按鈕樣式 */
.button {
display: inline-block;
padding: 0.5em 1em;
border: none;
background-color: #4CAF50;
color: white;
text-align: center;
font-size: 16px;
cursor: pointer;
}
/* 當鼠標懸停在按鈕上時，改變按鈕背景色 */
.button:hover {
background-color: #3e8e41;
}

上面的代碼創(chuàng)建了一個名為“button”的class樣式，它定義了按鈕的樣式屬性，例如padding（內(nèi)邊距）、border（邊框）、background-color（背景顏色）等。其中，cursor屬性定義了鼠標移動到按鈕上后顯示的光標類型。

在HTML代碼中，我們可以像下面這樣使用剛剛定義好的class樣式：

<button class="button">Click Me!</button>

這樣，一個簡單的按鈕就完成了。當鼠標懸停在按鈕上時，背景顏色會自動改變?yōu)榫G色。

當然，我們也可以根據(jù)需要對按鈕的樣式進行自定義，例如改變按鈕的形狀和大小、設(shè)置不同的背景和字體顏色等。如果你想學習更多關(guān)于CSS樣式的知識，可以查找相關(guān)的教程進行學習。