CSS3相框是一種用于美化網頁圖片的技術，它可以使圖片擁有更加獨特、高級的外觀，并且可以幫助網頁設計師更好地展示圖片內容。

/* CSS3相框的基本樣式 */
.frame {
border: 10px solid black;
border-radius: 20px;
box-shadow: 5px 5px 5px #888;
padding: 10px;
}

以上代碼是創建一個基本相框的CSS樣式。我們可以看到其中包含了邊框、圓角、陰影以及內邊距等屬性，這些屬性可以幫助我們構建出更加完美、專業的相框。

另外，我們還可以為相框添加不同的樣式以達到各種不同的效果。

/* 豎向相框樣式 */
.frame-vertical {
border-left: 10px solid black;
border-right: 10px solid black;
border-top: 0;
border-bottom: 0;
border-radius: 20px;
box-shadow: 5px 5px 5px #888;
padding: 10px;
}
/* 帶有內邊框的相框 */
.frame-bordered {
border: 10px solid black;
border-radius: 20px;
box-shadow: 5px 5px 5px #888;
padding: 10px;
}
.frame-bordered img {
border: 5px solid white;
border-radius: 15px;
}

以上是兩個不同的相框樣式。其中，豎向相框是一個只有左右邊框，上下沒有邊框的相框樣式。而帶有內邊框的相框，則是在相框和圖片之間添加了一個白色邊框。

總結來說，CSS3相框可以讓我們為網頁圖片添加更加炫酷、個性化的外觀，提升網頁質量，是學習CSS技術的一個重要方面。