在網頁開發中，我們經常需要使用CSS來設置圖片的狀態，例如當鼠標懸停在圖片上時，我們希望圖片能夠變成高亮狀態，讓用戶知道當前這個圖片可以被點擊。

通常情況下，我們會使用CSS中的:hover偽類來定義鼠標懸停時的狀態。

img:hover {
opacity: 0.9;
}

上面的代碼可以將圖片的透明度降低，從而實現鼠標懸停時的模糊效果。

但是，如果我們使用這種方法來實現選中效果，就會出現一些問題。

當用戶點擊圖片時，圖片會變成選中狀態，但是由于我們使用了透明度來達到模糊的效果，所以在圖片被選中時，圖片也會變得模糊，這可能會讓用戶感到困惑。

為了解決這個問題，我們可以使用CSS中的:focus偽類來定義圖片被選中時的狀態。

img:focus {
outline: none;
box-shadow: 0px 0px 5px #333;
}

上面的代碼可以讓圖片在被選中時出現一個邊框，從而讓用戶知道當前圖片處于選中狀態。

需要注意的是，我們需要清除默認的outLine效果，否則在某些瀏覽器中會出現雙重邊框的問題。

總之，我們需要在設計網頁時仔細考慮各種狀態下的圖片效果，從而讓用戶有更好的使用體驗。