在CSS導(dǎo)航中添加圖標(biāo)，可以通過以下步驟實(shí)現(xiàn)：

1、在HTML代碼中定義導(dǎo)航欄的結(jié)構(gòu)，可以使用<ul>和<li>元素來創(chuàng)建列表項(xiàng)，每個列表項(xiàng)代表一個導(dǎo)航鏈接。

<ul class="nav">
  <li><a href="#">首頁</a></li>
  <li><a href="#">產(chǎn)品</a></li>
  <li><a href="#">服務(wù)</a></li>
  <li><a href="#">聯(lián)系我們</a></li>
</ul>

2、在CSS樣式表中添加相應(yīng)的樣式，可以設(shè)置導(dǎo)航欄的寬度、高度、背景顏色等屬性。

.nav {
  width: 100%;
  height: 50px;
  background-color: #333;
}

3、在每個導(dǎo)航鏈接中添加圖標(biāo)，可以使用CSS的偽元素::before或::after來添加圖標(biāo)，給“產(chǎn)品”鏈接添加圖標(biāo)：

.nav li:nth-child(2) a::before {
  content: url('product-icon.png');
  margin-right: 10px;
}

這里假設(shè)有一個名為product-icon.png的圖標(biāo)文件，位于網(wǎng)站根目錄下，可以根據(jù)實(shí)際情況調(diào)整圖標(biāo)路徑。

4、在瀏覽器中查看效果，如果一切順利，應(yīng)該能看到導(dǎo)航欄中的鏈接旁邊添加了相應(yīng)的圖標(biāo)。

需要注意的是，以上代碼僅提供了一個基本的示例，實(shí)際使用時，可能需要根據(jù)具體需求進(jìn)行調(diào)整，如果需要添加更多復(fù)雜的圖標(biāo)效果，可能需要使用JavaScript或CSS動畫等技術(shù)來實(shí)現(xiàn)。