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

/* 首先給按鈕設置默認樣式 */
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;
}
/* 當鼠標懸停于按鈕上時，改變按鈕的背景色 */
button:hover {
background-color: #3e8e41;
}
/* 當鼠標按下時，改變按鈕的背景色 */
button:active {
background-color: #228B22;
}

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

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