CSS3（Cascading Style Sheets 3）是Web開發中應用最為廣泛的樣式表語言之一。它可以實現網頁的美觀和交互性，讓網站變得更加生動、有趣。

CSS3有很多的特性，其中一個重要的特性就是它的目錄（menu）功能。通過CSS3目錄，我們可以將頁面的導航欄設計得非常炫酷，讓人眼前一亮。

使用CSS3目錄功能的方法非常簡單。首先我們需要在HTML代碼中添加ul和li標簽，用來搭建導航欄的結構。接著，我們使用CSS3的樣式來實現目錄的效果。

<nav>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">新聞中心</a></li>
<li><a href="#">產品展示</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
</nav>

上面的代碼中，我們創建了一個nav標簽，并在其中添加了ul標簽，以及五個li標簽，每個li標簽中都包含著一個a標簽。這些標簽一起構成了一個最簡單的導航欄結構。

nav ul {
list-style: none;
text-align: center;
background-color: #3C3C3C;
padding: 0;
}
nav ul li {
display: inline-block;
margin-right: -4px;
}
nav ul li a {
display: block;
padding: 5px 10px;
color: #FFFFFF;
font-size: 20px;
text-decoration: none;
border-bottom: 3px solid #000000;
transition: all 0.2s ease-in-out;
}
nav ul li a:hover {
background-color: #000000;
border-bottom: 3px solid #FFFFFF;
}

上面的代碼中，我們對nav中的ul和li標簽主要進行了樣式的設置。其中，我們使用了CSS3的list-style屬性來去除了ul標簽的默認樣式，使用了text-align屬性來讓導航欄文字居中顯示，并且為導航欄設置了背景顏色和padding值。

此外，我們還使用了display屬性、margin-right屬性、padding屬性、color屬性、font-size屬性、text-decoration屬性、border-bottom屬性等多個屬性，來對導航欄的li、a元素進行樣式設置。

最后，我們為a標簽添加了:hover偽類，實現了當鼠標經過導航欄時的交互效果。

綜上，通過CSS3目錄功能，我們可以輕松地創建出一個漂亮、交互性強的導航欄，為網站增添不少亮點。