CSS 圖片選中效果是網(wǎng)頁(yè)設(shè)計(jì)中的一個(gè)重要元素，它可以讓網(wǎng)頁(yè)更加生動(dòng)、有趣。主要有以下幾種實(shí)現(xiàn)方式。

/* 1. 鼠標(biāo)懸停效果 */
img:hover {
border: 2px solid red;
opacity: 0.7;
}
/* 2. 點(diǎn)擊效果 */
img:active {
border: 2px solid blue;
transform: scale(0.9);
}
/* 3. 選中效果 */
img:focus {
outline: none;
box-shadow: 0 0 3px 2px yellow;
}

以上 CSS 代碼分別實(shí)現(xiàn)了鼠標(biāo)懸停、點(diǎn)擊和選中效果。其中，鼠標(biāo)懸停效果通過(guò):hover偽類(lèi)設(shè)定，點(diǎn)擊效果通過(guò):active偽類(lèi)設(shè)定，選中效果通過(guò):focus偽類(lèi)設(shè)定。

需要注意的是，在實(shí)現(xiàn)選中效果時(shí)，需要使用outline:none來(lái)去除默認(rèn)的虛線(xiàn)框，同時(shí)使用box-shadow來(lái)設(shè)定選中效果的邊框樣式。

通過(guò)以上的 CSS 代碼，我們可以輕松實(shí)現(xiàn)各種圖片選中效果，為網(wǎng)頁(yè)添加更多的互動(dòng)和趣味。