首先，讓我們來看一下如何用CSS為圖片添加外框。為了實現這個功能，我們需要使用CSS中的border屬性。 border屬性有三個值，分別為border-width、border-style和border-color。border-width用于定義邊框的寬度，border-style用于定義邊框的樣式，border-color用于定義邊框的顏色。 邊框的樣式可以是實線、虛線、點線、雙線等等。我們可以通過設置樣式來控制邊框的樣式。而邊框的顏色則可以根據需要進行設定。 下面是一個簡單的代碼示例，展示如何為圖片添加外框：

img {
border:  solid 1px #333;
}

在這個例子中，我們用border屬性為圖片添加外框。我們設置了邊框樣式為實線，邊框寬度為1px，邊框顏色為#333。 需要注意的是，如果您想在圖片周圍添加額外的內邊距，以便使圖片不會與邊框重疊，可以使用padding屬性。如下所示：

img {
border:  solid 1px #333;
padding: 10px;
}

在這個例子中，我們設置了10像素的內邊距，使內容與邊框之間有一些空隙。 總而言之，利用上述技巧，您可以輕松地為您的圖片添加漂亮的外框。