CSS是前端開發不可或缺的一部分，可以用來美化網頁，其中一個常用的技巧就是在圖片外加上邊框。下面就來講一下如何使用CSS在圖片外加邊框。

img {
border: 2px solid black;
}

如上所示，為了在圖片周圍加上邊框，我們需要用到CSS屬性——border。這個屬性可以設置邊框的大小、顏色、形狀等等，我們這里只是加一個黑色的直線邊框。需要注意的是，在CSS中，我們使用的是縮寫屬性，border: 邊框大小 邊框樣式 邊框顏色。所以這里的2px solid black，意為邊框大小為2像素，樣式為實線，顏色為黑色。

當然，如果需要給不同的圖片設置不同的邊框，我們可以為不同的元素添加不同的類名，并在CSS中設置不同的樣式。

<img class="pic1" src="example.jpg">
.pic1 {
border: 2px solid red;
}

如上所示，首先我們需要在HTML中為圖片添加類名“pic1”，然后在CSS中使用.pic1選擇器，為這個類添加樣式。我們這里的樣式是一個大小為2像素、顏色為紅色的直線邊框。同理，如果要給多個圖片添加邊框，可以依此類推。

綜上所述，CSS可以很方便地給圖片添加邊框。希望這篇文章可以幫助大家學習CSS的基礎知識。