今天我們來學習如何使用 CSS 跳轉到其他頁面。在實現這個功能之前，我們需要先了解兩個概念。 第一個概念是 a 標簽。a 標簽是 HTML 中最常用的標簽之一，它用于創建鏈接。在 CSS 中，我們可以使用 a 標簽的偽類來控制鏈接的外觀，例如改變鏈接的顏色、把鏈接添加下劃線等等。 第二個概念是偽類。偽類是一種可以在選擇器上添加的關鍵字，用于指定不同的狀態。最常見的偽類是 :hover，表示鼠標懸停在元素上時的狀態。在 CSS 中，我們可以使用偽類來控制元素的樣式，例如改變鏈接的顏色、添加動畫效果等等。 現在，讓我們來看一個實例。假設我們有一個鏈接，點擊這個鏈接可以跳轉到另一個頁面。我們可以把這個鏈接嵌套在一個 div 元素中，然后在 CSS 中給這個 div 元素添加樣式來控制鏈接的外觀。 下面是示例代碼：

<div class="link-container">
<a >跳轉到另一個頁面</a>
</div>

在 CSS 中，我們可以為 link-container 添加樣式，例如改變背景顏色、添加圓角、更改邊框等等。然后，我們可以使用 a 標簽的偽類來控制鏈接的外觀。 下面是示例代碼：

.link-container {
background-color: #3071a9;
color: #ffffff;
border-radius: 5px;
border: 1px solid #3071a9;
padding: 10px 20px;
}
.link-container a {
color: #ffffff;
text-decoration: none;
}
.link-container a:hover {
text-decoration: underline;
}

在上面的代碼中，我們為 link-container 添加了背景顏色、圓角、邊框和內邊距，以及指定了鏈接的顏色和無下劃線樣式。然后，我們在 a 標簽的偽類中添加了下劃線樣式。當用戶將鼠標移動到鏈接上時，下劃線將出現。 現在你已經學會了如何使用 CSS 跳轉到其他頁面。玩得開心！