在網頁設計中，我們經常需要為圖片添加邊框來加強其視覺效果。這時候我們可以使用CSS來控制邊框的樣式、顏色、粗細等屬性。 要為圖片添加邊框，我們需要先為圖片定義一個CSS類，例如：

.img-bordered {
border: 1px solid #ccc;
}

上面的代碼定義了一個名為“img-bordered”的CSS類，為該類添加了一個像素寬、顏色為灰色的實線邊框。接著，我們在HTML中使用該類作為圖片的class，如下所示：

<img src="example.jpg" alt="Example Image" class="img-bordered">

這樣就可以為名為“example.jpg”的圖片添加邊框了。如果想要更改邊框的樣式，可以調整border屬性的值。例如：

.img-bordered {
border: 2px dashed red;
}

這將為邊框設置為2像素寬、顏色為紅色的虛線邊框。 除了邊框樣式之外，我們還可以使用CSS為邊框添加陰影、圓角等效果，從而使圖片更加美觀。要實現這些效果，我們需要使用CSS3中的一些新屬性。例如，要為邊框添加圓角，可以使用border-radius屬性：

.img-bordered {
border: 1px solid #ccc;
border-radius: 5px;
}

這將為邊框添加一個5像素的圓角效果。如果想要為邊框添加陰影效果，可以使用box-shadow屬性：

.img-bordered {
border: 1px solid #ccc;
box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}

這將為邊框添加一個1像素偏移量、模糊半徑為5像素、顏色為黑色的陰影效果。 通過使用CSS，我們可以輕松為圖片添加邊框，并根據需要自定義邊框的樣式、效果，從而更好地滿足設計需求。