在Web開發(fā)中，CSS樣式可以讓網(wǎng)頁變得很漂亮。今天小編就要分享一個用CSS制作的好看的圖相框。

首先，我們先準(zhǔn)備一個圖片。如下：

<img src="picture.jpg" />

接下來就是用CSS來美化圖片。首先定義一個class為frame的樣式：

.frame {
border: 4px solid #e6e6e6;
box-shadow: 0px 0px 10px #cccccc;
padding: 10px;
}

上述代碼定義了一個4像素寬度的實線邊框，陰影效果和10像素的內(nèi)邊距。

接下來，將class為frame的樣式應(yīng)用到圖片上：

<img src="picture.jpg" class="frame" />

這時候，我們的圖片就美化好了，效果如下：

是不是很簡單？通過這種方式，我們就能輕松地美化我們的圖片。