CSS相框效果是通過CSS代碼在圖片周圍添加一定的邊框、陰影和圓角等屬性，使圖片顯示出一種框架的效果。

/*CSS代碼*/
img {
border: 5px solid #fff;
border-radius: 15px;
box-shadow: 0px 0px 10px #888888;
display: block;
margin: 0 auto;
}

首先，我們需要為圖片添加border屬性，來設置圖片的邊框樣式。在這里，我們為圖片添加了5像素的純白色實線邊框，顏色可以根據需要進行修改。

接下來，我們需要設置圓角，使得圖片的邊框看起來更加平滑。通過border-radius屬性可以設置半徑，我們這里設置的是15像素，請根據實際需要進行修改。

同時，我們還可以對圖片進行陰影效果的設置，通過box-shadow屬性來實現。在這里，我們設置了10像素的陰影，顏色為#888888，陰影位置為(0,0)，也可以根據實際需要進行修改。

最后，我們將圖片設置為塊狀元素，并對其進行居中展示，代碼如下：

img {
display: block;
margin: 0 auto;
}

這樣，我們就完成了CSS相框效果的設置。在日常的網頁開發中，添加一些簡單的效果可以使得頁面看起來更加美觀。