` 標(biāo)簽，例如：<button class="btn">點(diǎn)擊按鈕</button><a href="#" class="btn">跳轉(zhuǎn)按鈕</a>
接下來，我們可以用 CSS 來定義按鈕的樣式。首先，我們可以定義按鈕的大小和形狀：.btn {
display: inline-block;
padding: 10px 20px;
border-radius: 5px;
}這樣我們就可以得到一個(gè)帶有圓角邊框的按鈕。接下來，我們可以設(shè)置按鈕的背景顏色和文本顏色：.btn {
display: inline-block;
padding: 10px 20px;
border-radius: 5px;
background-color: #007bff;
color: #fff;
}現(xiàn)在，我們的按鈕已經(jīng)有了背景顏色和文本顏色。但是，當(dāng)用戶將鼠標(biāo)懸停在按鈕上時(shí)，我們希望按鈕能夠變成另一種顏色。我們可以添加一個(gè):hover 偽類來實(shí)現(xiàn)這個(gè)效果：.btn:hover {
background-color: #0062cc;
}這樣，當(dāng)用戶將鼠標(biāo)懸停在按鈕上時(shí)，按鈕的背景顏色將變成 #0062cc。最后，我們還可以添加一個(gè) active 偽類來實(shí)現(xiàn)按鈕被點(diǎn)擊時(shí)的效果：.btn:active {
background-color: #005cbf;
}這樣，當(dāng)用戶點(diǎn)擊按鈕時(shí)，按鈕的背景顏色將變成 #005cbf。現(xiàn)在，我們已經(jīng)完成了一個(gè)漂亮的按鈕的樣式。<style>.btn {
display: inline-block;
padding: 10px 20px;
border-radius: 5px;
background-color: #007bff;
color: #fff;
}
.btn:hover {
background-color: #0062cc;
}
.btn:active {
background-color: #005cbf;
}
</style><button class="btn">點(diǎn)擊按鈕</button><a href="#" class="btn">跳轉(zhuǎn)按鈕</a>注意事項(xiàng)：
- 不同的按鈕可以使用不同的 class 名稱，以便為每種按鈕定義不同的樣式。
- 我們可以使用其他的 CSS 屬性來進(jìn)一步調(diào)整按鈕的樣式，例如邊框樣式、字體大小、陰影等等。