CSS3是一種非常強大的樣式語言，它不僅可以制作出簡單的效果，還可以用來制作各種酷炫的效果，比如相框。

/*相框的樣式*/
.photo-frame{
display:inline-block;
background:#fff;
border:3px solid #ccc;
padding:10px;
box-shadow:0 0 10px #ccc;
margin:20px;
}
/*相片的樣式*/
.photo{
width:200px;
height:200px;
border:1px solid #ccc;
box-shadow:0 0 10px #ccc inset;
margin:5px;
}

上面的代碼中，我們使用了一個.photo-frame類來設(shè)置相框的樣式，其中包括了背景色、邊框、內(nèi)邊距以及陰影等屬性，讓相框看起來更加立體。而.photo類則用來設(shè)置相片的樣式，包括尺寸、邊框、陰影以及外間距等屬性，讓相片看起來更加清晰。

然后，我們只需要在HTML中使用這些類來包裝我們的相片，就可以輕松制作出一個美美的相框啦?。?/p>

<div class="photo-frame">
<img src="image.jpg" alt="My Photo" class="photo">
</div>

通過以上代碼，我們就可以將一張名為image.jpg的圖片放進一個相框當(dāng)中，從而實現(xiàn)制作相框的目的啦！

總之，CSS3是一個強大的樣式語言，可以用來制作各種炫酷的效果，包括為相片制作相框。只要我們掌握了CSS3的用法，就可以輕松變出許多美妙的效果啦！