CSS是實現(xiàn)網(wǎng)頁的重要技術(shù)之一，CSS的功能非常強大，除了布局外，還可以實現(xiàn)各種效果，比如點擊按鈕跳轉(zhuǎn)到下一頁。這里我們介紹一種方法，使用CSS的:hover偽類配合預(yù)設(shè)樣式實現(xiàn)跳轉(zhuǎn)效果。

.btn {
width: 200px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 5px;
background-color: #4CAF50;
color: #fff;
cursor: pointer;
}
.btn:hover {
background-color: #3e8e41;
}

首先，我們要先定義一個按鈕樣式，這里使用了.btn作為樣式名。這個按鈕樣式包括寬高、行高、文本對齊方式、圓角邊框、背景顏色和文字顏色。最后還定義了鼠標指針是手型，使得在鼠標移上去時可以產(chǎn)生點擊的感覺。

接下來，我們?yōu)榘粹o樣式添加:hover偽類，這個偽類表示當(dāng)鼠標懸停在按鈕上時觸發(fā)的樣式，一般會設(shè)置與原樣式不同的樣式，以達到視覺上的變化。在這里，我們把背景顏色改為了深綠色。

在頁面中使用該樣式的代碼如下：

下一頁

在這里我們將按鈕用<div>標簽定義，并且套在<a>標簽中，將跳轉(zhuǎn)頁面的URL鏈接放在了&aquo;href&aquo;屬性中。這樣一來，當(dāng)用戶點擊按鈕時，頁面就會跳轉(zhuǎn)到下一頁了。

使用這種方法，我們可以實現(xiàn)一個簡單但是實用的效果，適用于各種場景，比如網(wǎng)站導(dǎo)航、圖片展示等等。希望這篇文章能對大家有所幫助。