CSS是網(wǎng)頁設(shè)計(jì)必不可少的一部分，它能夠幫助我們給網(wǎng)頁添加各種樣式。其中，制作按鈕效果是CSS中比較基礎(chǔ)且常用的一種樣式。在下面的示例中，我們將介紹如何使用CSS制作按鈕效果。

/* 首先給按鈕設(shè)置默認(rèn)樣式 */
button {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
/* 當(dāng)鼠標(biāo)懸停于按鈕上時(shí)，改變按鈕的背景色 */
button:hover {
background-color: #3e8e41;
}
/* 當(dāng)鼠標(biāo)按下時(shí)，改變按鈕的背景色 */
button:active {
background-color: #228B22;
}

以上代碼中，我們首先給所有按鈕設(shè)置了默認(rèn)樣式，設(shè)置了背景色、邊框、文字顏色、內(nèi)邊距等樣式。然后，當(dāng)鼠標(biāo)懸停于按鈕上方時(shí)，我們使用:hover 偽類選擇器來改變按鈕的背景色。當(dāng)鼠標(biāo)按下時(shí)，我們使用:active 偽類選擇器來改變按鈕的背景色。通過這樣的樣式設(shè)置，我們就能夠輕松地制作出美觀的按鈕效果了。

總的來說，CSS可以幫助我們制作各種各樣的按鈕效果。只需掌握一些基礎(chǔ)的樣式設(shè)置，就可以輕松地制作出美觀實(shí)用的按鈕效果。