在網頁設計中，導航條是非常重要的一個元素，它不僅能夠讓用戶更加方便地瀏覽網站內容，還能讓網站的整體風格更加統一。而在實現導航條時，CSS樣式的運用是非常重要的一步。下面我們就來了解一下CSS導航條樣式代碼。
首先，我們可以使用ul和li標簽來創建導航條的結構，其中ul代表整個導航條，而li則代表單獨的一個導航項。如下所示：
ul {
list-style: none;
margin: 0;
padding: 0;
background-color: #333;
height: 50px;
width: 100%;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}