CSS導航欄是網站設計中的常見組件之一。如果只使用文字作為導航，用戶體驗會變得很差。因此，添加圖標和圖片是很好的解決方案，可以讓導航欄更加美觀。

但是，圖片與選中的狀態之間的聯系是很重要的。我們需要使用CSS來實現。我們可以使用以下代碼來選中當前導航菜單的圖片：

.nav {
list-style: none;
}
.nav li {
float: left;
margin-right: 10px;
}
.nav li a {
display: block;
text-decoration: none;
}
.nav li a img {
display: block;
height: 20px;
width: 20px;
}
.nav li.active img {
background-color: white;
border-radius: 50%;
}

在上面的代碼中，我們首先將列表樣式設置為“none”，然后設置每個列表項都向左浮動。接下來，我們為每個鏈接設置文本裝飾為“none”。

對于每張圖片，我們將其顯示為塊級元素，并設置其高度和寬度值。最后，我們使用“.active”類選中當前鏈接的圖片，并設置背景顏色和邊框半徑，這樣就可以看到鏈接處于選中狀態。

在實際使用中，我們可以使用JavaScript或jQuery來添加或刪除該類。這樣，當用戶單擊導航菜單時，會將類添加到當前選定的導航項，從而將其高亮顯示。

總之，通過使用CSS，我們可以非常方便地為導航欄添加選中狀態的圖標和圖片，進一步增強用戶體驗。