CSS可跳轉導航欄是一種常見的網頁設計元素，它能夠增強網站的導航功能和視覺效果。下面，我們將介紹如何使用CSS制作一個可跳轉導航欄。

/* 導航欄樣式 */
.nav {
display: flex;  /* 設置為彈性盒子 */
justify-content: center;  /* 水平居中 */
background-color: #333; /* 背景顏色 */
}
/* 導航鏈接樣式 */
.nav a {
color: #fff;  /* 鏈接文字顏色 */
text-align: center;  /* 文字居中 */
padding: 12px 16px;  /* 內邊距 */
text-decoration: none; /* 取消下劃線 */
font-size: 18px; /* 字體大小 */
margin: 0 10px; /* 間距 */
}
/* 激活狀態樣式 */
.nav a.active {
background-color: #fff;  /* 背景顏色 */
color: #333;  /* 文字顏色 */
border-radius: 5px;  /* 圓角 */
}
/* 點擊事件 */
.nav a:hover:not(.active) {
background-color: #ddd; /* 鼠標懸停時的背景顏色 */
}
/* 跳轉 */
#section1,#section2,#section3,#section4{
padding-top:50px;
height:600px;
background-color:#f1f1f1;
text-align: center;
}

以上是CSS的樣式代碼，下面我們來看看HTML代碼：

首頁客戶投資者聯系我們
歡迎來到我們的網站！
這里是我們的首頁內容。
我們的客戶
這里是我們公司的客戶信息。
投資者關系
這里是我們公司的投資者信息。
聯系我們
這里是我們公司的聯系方式。

以上是HTML代碼，其中每個導航鏈接都是一個錨點，通過href屬性實現頁面內跳轉。點擊鏈接后，就會跳轉到相應的頁面主體部分。

最后，我們將CSS和HTML代碼結合起來，就可以制作出一個漂亮的CSS可跳轉導航欄了。