在網(wǎng)頁設(shè)計(jì)中，優(yōu)美的按鈕樣式是非常重要的。默認(rèn)的按鈕樣式不一定符合設(shè)計(jì)要求，這時(shí)我們就需要使用CSS自定義按鈕樣式。

/* CSS代碼 */
.btn {
display: inline-block;
padding: 10px 20px;
border-radius: 5px;
color: #fff;
background-color: #007bff;
font-size: 16px;
text-decoration: none;
text-align: center;
}
.btn:hover {
background-color: #0062cc;
cursor: pointer;
}
.btn:active {
background-color: #005cbf;
outline: none;
}

我們可以在CSS中定義.btn類，設(shè)置按鈕的大小、圓角、顏色、背景等屬性。同時(shí)，還可以針對(duì)不同的狀態(tài)（如鼠標(biāo)懸停、按鈕被點(diǎn)擊）進(jìn)行樣式的定義。這樣，我們就可以輕松地實(shí)現(xiàn)自定義按鈕的效果。

<!-- HTML代碼 -->
<a href="#" class="btn">按鈕</a>

在HTML中，僅需要在按鈕上應(yīng)用.btn類即可。如此簡單的操作，就可以創(chuàng)建出一個(gè)優(yōu)美的按鈕樣式。