CSS圖片相框是一種非常有趣的設計方式，通過它我們可以為圖片增添各種樣式，包括邊框、邊角、內(nèi)邊距和背景等

.img-frame{ 
border: 5px solid #333; 
border-radius: 8px; 
padding: 10px; 
background-color: #eee; 
}

在上面這個例子中，我們對包含圖片的div元素添加了一個類名為img-frame的樣式，這樣就可以呈現(xiàn)出一個簡單的相框。其中，我們使用了border屬性來給圖片添加5像素寬度、顏色為黑色的邊框，使用border-radius屬性來實現(xiàn)8像素的圓角效果， padding屬性添加內(nèi)邊距，使得圖片與邊框有一定的距離，還有一個用于添加背景色的background-color屬性

如果想要增添更多樣式，比如給相框添加陰影效果，可以使用box-shadow屬性，例如：

.img-frame{ 
border: 5px solid #333; 
border-radius: 8px; 
padding: 10px; 
background-color: #eee;
box-shadow: 5px 5px 10px rgba(0,0,0,.5); 
}

這段代碼中我們添加了box-shadow屬性，它的值是由四個參數(shù)組成：第一個參數(shù)5px表示水平偏移量，第二個參數(shù)5px表示垂直偏移量，第三個參數(shù)10px表示陰影的大小，第四個參數(shù)rgba(0,0,0,.5)是陰影顏色以及透明度。這樣就可以達到一個帶陰影效果的相框。

總體來說，CSS圖片相框是一個非常實用的設計技巧，可以用在各種網(wǎng)站，相冊，博客等等地方。只要我們熟練掌握了 CSS 樣式規(guī)則，就可以靈活地運用圖片相框的樣式創(chuàng)建出各種風格的相框，實現(xiàn)更加優(yōu)美的展示效果