在CSS中，我們可以使用border屬性為圖片添加邊框，我們需要將圖片轉(zhuǎn)換為塊級(jí)元素，然后應(yīng)用border屬性，以下是一個(gè)簡(jiǎn)單的示例：

<img src="image.jpg" style="width: 200px; height: 200px; border: 2px solid black;" />

在這個(gè)示例中，圖片元素的寬度和高度都設(shè)置為200像素，并且應(yīng)用了一個(gè)2像素寬的黑色邊框。border屬性的值可以是一個(gè)簡(jiǎn)單的顏色值，也可以是一個(gè)帶有樣式的字符串，例如2px dashed red表示一個(gè)2像素寬的紅色虛線邊框。

如果你想讓圖片在邊框內(nèi)居中顯示，可以使用vertical-align屬性：

<img src="image.jpg" style="width: 200px; height: 200px; border: 2px solid black; vertical-align: middle;" />

在這個(gè)示例中，圖片元素在邊框內(nèi)垂直居中顯示。vertical-align屬性的值可以是top、middle或bottom，分別表示圖片在邊框內(nèi)的頂部、中部或底部顯示。

如果你想讓圖片在邊框內(nèi)水平和垂直居中顯示，可以使用position和transform屬性：

<img src="image.jpg" style="width: 200px; height: 200px; border: 2px solid black; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" />

在這個(gè)示例中，圖片元素在邊框內(nèi)水平和垂直居中顯示，我們將圖片元素的position屬性設(shè)置為absolute，然后設(shè)置top和left屬性為50%，這將使圖片元素的左上角位于其父元素的中心，我們使用transform屬性將圖片元素向上和向左移動(dòng)50%，這將使圖片元素在邊框內(nèi)居中顯示。