CSS導航按下高亮是創建網站時經常使用的一個功能，在用戶點擊導航時，所在的頁面對應的導航欄按鈕高亮顯示，提醒用戶當前所在位置，增強用戶體驗。

/*HTML結構*/
 <ul class="nav">
<li><a href="#">首頁</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">產品展示</a></li>
<li><a href="#">聯系我們</a></li>
 </ul>
/*CSS樣式*/
.nav li a.active{
background-color: #f00;
color: #fff;
}

使用CSS樣式，在HTML中加入active類名即可實現導航按鈕高亮效果。需要注意的是，通過JavaScript代碼也可以實現這一功能，但是CSS實現方式更簡單易用。

注意要避免樣式沖突，如果頁面中使用了多個導航欄，則需要分別給每個導航欄添加不同的類名，以確保高亮效果的準確性。