CSS可以讓我們輕松地設(shè)置導航條，以下是一些基本的設(shè)置：

/*設(shè)置導航條整體樣式*/
.navbar {
background-color: #333; /*導航條背景顏色*/
overflow: hidden; /*清除浮動*/
}
/*設(shè)置導航鏈接樣式*/
.navbar a {
float: left; /*讓鏈接左浮動排列*/
display: block; /*使鏈接變成塊元素*/
color: #f2f2f2; /*鏈接字體顏色*/
text-align: center; /*鏈接字體居中*/
padding: 14px 16px; /*設(shè)置鏈接內(nèi)邊距*/
text-decoration: none; /*去掉鏈接下劃線*/
}
/*設(shè)置鼠標懸浮鏈接樣式*/
.navbar a:hover {
background-color: #ddd; /*鼠標懸浮時鏈接背景顏色*/
color: black; /*鼠標懸浮時鏈接字體顏色*/
}

以上代碼用于設(shè)置導航條的整體樣式和鏈接樣式，可以根據(jù)需求自行修改。