CSS 導航欄下滑線是網頁設計中常用的一種效果，可以讓導航欄更加突出和美觀。下面是一個簡單的示例。

/* CSS 代碼 */
.nav-item {
position: relative;
padding-bottom: 5px;
} 
.nav-item::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 100%;
background-color: #000;
transform: scaleX(0);
transition: transform 0.3s ease;
}
.nav-item:hover::after {
transform: scaleX(1);
}

以上 CSS 代碼中，我們首先給導航欄的每個選項 (`.nav-item`) 設置了相對定位和底部 padding。然后利用 `::after` 偽元素創建了一個實現下滑線效果的元素，`::after` 偽元素的 `content` 屬性可以設置它的內容為空。接著我們調整了其位置、高度和顏色等屬性，讓它占滿整個導航欄選項的底部，使其看起來像是一條下滑線。最后我們添加了一個 `hover` 事件，當鼠標滑過導航欄選項時，下滑線元素的 `scaleX` 屬性變成 1，也就是完全顯示出來了。

以上就是一個簡單的 CSS 導航欄下滑線的實現方法，可以根據自己的需求進行修改和優化。