CSS 號圖標是 HTML 中常用的圖標，適用于各種主題和風格。下面介紹一些 CSS 號圖標的基本用法。 首先，在 HTML 中使用一組 ul 和 li 標簽組合形成導航欄。而 CSS 號圖標可用來代替 li 標簽中的文本或者數字。

下面是一個使用 CSS 號圖標的例子：

<ul class="nav">
<li><a href="#"><i class="fa fa-home"></i> Home</a></li>
<li><a href="#"><i class="fa fa-briefcase"></i> Work</a></li>
<li><a href="#"><i class="fa fa-envelope"></i> Contact</a></li>
</ul>

在上面的代碼中，使用了 Font Awesome 字體庫中的 CSS 號圖標。每個圖標都是一個 i 標簽，包含一個 class 屬性，其值為 ”fa” 和特定的圖標名稱，例如 “fa-home” 或 “fa-envelope”。 接著，在 CSS 中需要定義這些圖標的樣式，使其顯示為合適的大小和顏色。

下面是一個樣式定義的例子：

.nav i {
font-size: 20px;
color: #333;
margin-right:10px;
}

在上面的代碼中，”.nav i” 是一個選擇器，用于選擇導航欄中的所有 i 標簽。“font-size”屬性指定了圖標的字體大小，”color”屬性指定了圖標的顏色，”margin-right”屬性指定了圖標與文本之間的間距。 總的來說，CSS 號圖標可以使網頁更加美觀、清晰，不僅僅是基于視覺效果，也有利于改進網站的用戶體驗。