標題：使用 CSS 添加菜單小圖標

隨著 Web 開發的不斷發展，我們越來越需要使用 CSS 來美化我們的網頁。CSS 可以幫助我們改變網頁的外觀，包括添加菜單小圖標，讓我們的網頁更加美觀和易于使用。

菜單小圖標是指一些小圖形或圖標，用于顯示菜單項。這些圖標可以通過 CSS 添加到菜單項上，以使其在菜單欄中看起來更加清晰和易于使用。下面是一個使用 CSS 添加菜單小圖標的簡單示例。

HTML 代碼：

<li><a href="#">菜單1</a></li>

<li><a href="#">菜單2</a></li>

<li><a href="#">菜單3</a></li>

<li><a href="#">菜單4</a></li>

</ul>

CSS 代碼：

list-style-type: none;

display: inline-block;

margin-right: 20px;

color: #ff7f7f;

text-decoration: none;

a:hover {

color: #0066cc;

text-decoration: underline;

上面的 CSS 代碼將創建一個包含四個菜單項的列表。列表中的每個菜單項使用了一個 `li` 標簽和一個 `a` 標簽。`li` 標簽使用 `display: inline-block` 屬性將其設置為行內塊級元素，以便使其與其他元素兼容。`margin-right: 20px` 屬性用于將菜單項向右移動 20 像素，以便使其在菜單欄中更加可見。`a` 標簽使用 `color: #ff7f7f;` 和 `text-decoration: none;` 屬性來設置其文本顏色和無填充的下劃線。`a:hover` 屬性用于設置當鼠標懸停在菜單項上時的顏色和下劃線。

通過使用 CSS 添加菜單小圖標，我們可以使菜單更加美觀和易于使用。這種技術還可以用于其他應用，例如在電子郵件應用程序中添加簽名圖標，以便快速訪問重要信息。