CSS實現菜單圖標，是現代網頁開發中常見的效果之一。通過使用 CSS，我們可以輕松地創建帶有漂亮圖標的菜單。

.menu {
list-style: none;
margin: 0;
padding: 0;
}
.menu li {
display: inline-block;
margin-right: 10px;
}
.menu li:last-child {
margin-right: 0;
}
.menu li a {
text-decoration: none;
color: #333;
font-weight: bold;
}
.menu li a:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 5px;
background-image: url("menu-icon.png");
background-size: cover;
}

以上代碼是一個簡單的菜單樣式。其中，我們使用了:before 偽元素來添加菜單圖標。我們將它應用到菜單鏈接的前面，并使用 background-image 來指定圖標的路徑。

值得一提的是，我們還在偽元素中使用了 background-size: cover。這個屬性會將圖標圖片調整為適合容器的大小。因此，不同大小的菜單項都能夠自適應圖標大小，從而獲得更好的視覺效果。