本文將介紹如何使用CSS制作網頁導航條，并附上相應的視頻。

首先，在HTML中創建一個導航欄的容器，并添加每個導航標簽的HTML代碼。例如：

<div class="nav-bar">
<a href="#">首頁</a>
<a href="#">產品</a>
<a href="#">關于我們</a>
</div>

接下來在CSS文件中設置導航欄的樣式，如下：

.nav-bar {
background-color: #333;
overflow: hidden;
}
.nav-bar a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.nav-bar a:hover {
background-color: #ddd;
color: black;
}

在上述代碼中，我們設置了導航欄背景色、字體樣式和鼠標懸停時的效果。

最后，我們可以在導航欄中添加任意數量的標簽，以實現不同的網站導航欄樣式。

以下是一個CSS網頁導航條制作視頻，供參考：

https://www.youtube.com/watch?v=h8EQRKmyDuw