CSS是Web前端開發中必不可少的技術，它可以讓我們輕松實現各種效果，今天我們來學習一下如何用CSS制作相框。
/* CSS代碼 */
.photo-frame{
border: 10px solid #ccc;
padding: 10px;
background-color: #f4f4f4;
display: inline-block;
box-shadow: 0 0 10px #ccc;
}首先我們需要創建一個框架容器，使用
標簽并為其中的CSS類“photo-frame”設置樣式。在CSS中，我們可以設置邊框、內邊距、背景色等屬性，來實現相框的效果。
在上面的CSS代碼中，我們設置了相框的邊框為10像素寬、顏色為灰色（#ccc），內邊距為10像素，背景色為淡灰色（#f4f4f4），并且添加了一個陰影效果，使得相框看起來更加逼真。
最后，我們通過設置"display: inline-block"讓相框可以放在文字中，像圖片一樣融入文本，更加美觀自然。
總體來說，用CSS實現相框非常簡單，只需要一些基本的CSS屬性和樣式就能達到不錯的效果。希望這篇文章對你有所幫助，謝謝。