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; /* 設置文字大小 */
cursor: pointer; /* 光標變為手型 */
}
button:hover {
background-color: #3e8e41; /* 鼠標懸停時按鈕顏色 */
}
button:active {
background-color: #3e8e41; /* 按鈕按下時顏色 */
transform: translateY(2px); /* 按鈕向下移動2像素 */
}

點擊按鈕后跳轉的效果可以通過JavaScript實現，使用html中的標簽并給其添加href屬性指向目的地，再給按鈕添加onclick事件，綁定JS方法來實現跳轉。