CSS代碼：

/* 導航欄樣式 */
nav{
display: flex;
justify-content: space-between;
align-items: center;
background-color: #333;
padding: 10px;
}
/* 導航欄鏈接樣式 */
nav a{
color: white;
text-decoration: none;
font-size: 18px;
margin: 0 10px;
padding: 5px;
border-radius: 5px;
}
/* 高亮樣式 */
nav a.active{
background-color: #fff;
color: #333;
}

文章正文： 在網站的導航欄中，高亮當前頁面對用戶來說非常重要，它可以讓用戶更方便地知道自己在哪個頁面，從而提升網站的用戶體驗。本文將介紹如何使用CSS來實現導航欄高亮。 首先，我們需要設置導航欄的樣式，包括背景顏色、內邊距、對齊方式等。我們可以使用flex布局來實現導航鏈接的居中對齊。

nav{
display: flex;
justify-content: space-between;
align-items: center;
background-color: #333;
padding: 10px;
}

接下來，我們需要設置導航鏈接的樣式。我們可以設置字體顏色、大小、邊距和圓角等屬性來讓導航鏈接更加美觀，并添加text-decoration:none屬性來去掉鏈接的下劃線。

nav a{
color: white;
text-decoration: none;
font-size: 18px;
margin: 0 10px;
padding: 5px;
border-radius: 5px;
}

最后，我們需要為當前頁面所在的導航鏈接添加高亮樣式。我們可以為其添加一個類名（如active），并在CSS中設置其背景顏色和文字顏色等屬性。

nav a.active{
background-color: #fff;
color: #333;
}

使用這些CSS樣式，我們就可以實現導航欄的高亮效果了。在HTML中，只需要為當前頁面所在的導航鏈接添加active類名即可。 總的來說，讓導航欄高亮具有非常重要的意義，這也是網站設計中必不可少的一個部分。通過本文所介紹的CSS樣式，相信大家也可以很容易地實現導航欄高亮效果。