CSS是一種用于網頁設計的樣式表語言，它可以幫助我們設置網頁的呈現方式，其中包括導航欄的樣式。下面就讓我們來了解一下CSS中怎樣設置導航。

首先，我們可以使用

和
• 標簽來創建一個基本的導航欄，如下所示：

  <ul>
  <li><a href="#">首頁</a></li>
  <li><a href="#">產品介紹</a></li>
  <li><a href="#">聯系我們</a></li>
  </ul>

  上述代碼中，<ul>表示無序列表，<li>表示列表項，而<a>標簽則用于添加導航鏈接。接下來，我們可以使用CSS來設置導航欄的樣式。

  要設置導航欄樣式，我們可以使用以下CSS代碼：

  nav ul {
  list-style-type: none; /*去除列表樣式*/
  margin: 0;
  padding: 0;
  overflow: hidden; /*清除浮動*/
  background-color: #333; /*背景色*/
  }
  nav li {
  float: left; /*左浮動*/
  }
  nav li a {
  display: block; /*將鏈接設為塊級元素*/
  color: white; /*字體顏色*/
  text-align: center; /*文字居中*/
  padding: 14px 16px; /*內邊距*/
  text-decoration: none; /*鏈接下劃線去除*/
  }
  nav li a:hover {
  background-color: #111; /*鼠標懸浮時的背景色*/
  }

  上述代碼中，我們使用了nav、ul和li選擇器來選擇導航欄中的元素。同時，我們還使用了屬性如background-color、padding、color等來設置導航欄的樣式。在最后，我們使用:hover偽類來設置鼠標懸浮時的樣式。

  通過使用CSS，我們可以輕松地設置一個美觀實用的導航欄。如果您正在開發網站，希望為您的用戶提供更好的導航體驗，那么就請嘗試一下CSS的魅力吧！