在網站設計中，導航條是必不可少的一部分。它不僅可以方便用戶瀏覽網站內容，還可以增強網站的美觀程度。而使用CSS來設計網站的導航條，不僅能夠提高網頁的效率，還能讓導航條更加靈活。下面我們來看一個簡單的CSS導航條模板：

.navbar {
background-color: #333;
overflow: hidden;
font-family: Arial;
}
.navbar a {
float: left;
font-size: 16px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.navbar a:hover {
background-color: #ddd;
color: black;
}

在這個模板中，我們首先定義了.navbar類，來設置整個導航條的樣式。接著，我們為導航鏈接設置了樣式，包括浮動、字體大小、顏色、居中、內邊距和文本裝飾等。最后，我們添加了:hover偽類，來設置鼠標懸停效果的樣式。

需要注意的是，這只是一個簡單的導航條模板，如果需要更加復雜、高級的效果，可以在此基礎上進行進一步的修改和調整。