CSS是網頁設計中重要的一部分，通過CSS，我們可以實現很多酷炫的效果。本文將介紹如何使用CSS實現滑動導航。

.nav {
display: flex;
justify-content: space-between;
}
.nav a {
color: #000;
text-decoration: none;
padding: 10px;
transition: border-bottom 0.2s ease-in-out;
}
.nav a:hover {
border-bottom: 2px solid #000;
}
.active {
border-bottom: 2px solid #000;
}

以上是實現滑動導航所需的CSS代碼。我們首先定義了一個名為.nav的元素，并設置了其屬性值display為flex，這樣就能使子元素并排排列。接著，我們定義了.nav a元素的一些樣式，包括顏色、文本裝飾、內邊距和邊框過渡效果。當我們把鼠標懸停在某個導航鏈接上時，我們將為該鏈接添加一個2像素的底部邊框，從而實現滑動的效果。最后，我們設置了.active類，以使當前活動鏈接始終有一個底部邊框。

此時，我們需要在HTML文件中添加以下代碼：

<div class="nav">
<a class="active" href="#">首頁</a>
<a href="#">新聞</a>
<a href="#">娛樂</a>
<a href="#">體育</a>
<a href="#">科技</a>
</div>

這是一個基本的滑動導航代碼，您可以根據需要進行修改，以使其適應您的項目。