CSS 圖片選中樣式是網頁設計中非常重要的一部分。圖片是網頁中不可或缺的一部分，因此給圖片添加選中樣式會更好地提升用戶體驗。

首先，在 CSS 中定義圖片選中的樣式：

img:hover {
opacity: 0.8;
border: 2px solid red;
}

上述代碼中，當用戶將鼠標懸停在圖片上時，將會有透明度降低與紅色邊框的效果。透明度降低是通過 opacity 屬性實現的，邊框是使用 border 屬性。

如果想要添加其他樣式，可以增加屬性。例如，如果你想讓圖片變大：

img:hover {
transform: scale(1.2);
}

上述代碼中，圖片將在懸停時增大 20%。

如果你想給圖片添加陰影可以使用如下代碼：

img:hover {
box-shadow: 10px 10px 5px grey;
}

上述代碼中，當用戶懸停在圖片上時，會出現大小為 10 像素的灰色陰影。

要注意的是，這些效果只會出現在用戶將鼠標懸停在圖片上時。如果你想要讓選中的圖片一直保持特定效果，你可以使用 JavaScript。

在網頁設計中，圖片選中樣式是非常重要的。它可以提升用戶體驗，讓用戶感受到更好的交互性。