CSS是網頁設計過程中不可或缺的一部分，可以為網頁增加各種各樣的效果。在設計中，我們經常需要使用選中層來讓用戶知道哪些是他們選擇的內容。這篇文章將向大家介紹如何使用CSS為圖片添加選中層。

.selected{
outline: 2px solid green;
 }

我們可以使用CSS中的"outline"屬性來為圖片添加選中層。"outline"屬性可以為元素周圍添加一個輪廓線，來表示元素的選中狀態。"outline"屬性有很多的邊框樣式可供選擇。在這里我們來使用"solid"實線樣式。

現在我們已經知道了如何使用"outline"屬性為圖片添加選中層了，下面我們來看一下如何將其應用到網頁中。

<img src="yourpicture.jpg" class="selected">

為了為圖片添加選中層，我們需要在img標簽中添加"class"屬性，并將其值設置為"selected"。這將會在CSS樣式表中找到名字為"selected"的類，并為其添加一個選中層。

總結一下，使用CSS為圖片添加選中層是非常簡單的。我們只需在CSS樣式表中定義一個名為"selected"的類，然后將其應用于img標簽即可。這將會使圖片擁有一個綠色的邊框，讓用戶知道他們選擇的內容是哪一個。