在網站設計中，圖片是必不可少的元素。而圖片的邊框也是美化網站樣式的一個重要部分。下面將介紹CSS怎么添加圖片邊框。

首先，在HTML中需要引入圖片，代碼如下：

<img src="image.jpg" alt="My Image">

接下來，在CSS中添加樣式，代碼如下：

img {
border: 1px solid #ccc;
}

在這個例子中，我們給圖片添加了一個1像素寬的灰色實線邊框。你也可以根據自己的需要來更改邊框顏色、寬度和樣式。

如果你只想給某個特定的圖片添加邊框，可以使用class或ID來選中圖片。比如，HTML代碼如下：

<img src="image.jpg" alt="My Image" class="bordered">

CSS 代碼如下：

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

這樣，只有帶有class為“bordered”的圖片才會添加邊框。

除了使用CSS的border屬性，你還可以使用box-shadow屬性來添加一些特殊效果。比如：

img {
box-shadow: 0 0 5px #666;
}

這個例子中，我們使用box-shadow屬性為圖片添加了一個帶陰影的邊框。這個效果看起來更加立體。

總之，圖像邊框是網站設計中非常重要的一部分，可以讓頁面更具吸引力和美感。使用CSS可以很容易地添加邊框，你可以使用border屬性、box-shadow屬性或者更多的效果。