使用CSS可以很容易地制作一個相框。要創(chuàng)建一個基本的相框，您需要設置一個div元素，并為其指定外觀屬性。

div {
border: 10px solid black;
padding: 10px;
width: 300px;
height: 300px;
}

這將創(chuàng)建一個具有黑色邊框和10像素內(nèi)邊距的元素。現(xiàn)在，我們可以開始添加照片。

要添加照片，我們可以使用background-image屬性。首先，添加一個HTML圖像元素，并從CSS中刪除其默認外觀：

img {
display: none;
}

現(xiàn)在，我們可以在div元素上設置background-image屬性，應用照片為背景：

div {
border: 10px solid black;
padding: 10px;
width: 300px;
height: 300px;
background-image: url('photo.jpg');
background-size: cover;
background-position: center;
}

現(xiàn)在，相框就完成了。您可以添加其他樣式，例如投影、邊框半徑和濾鏡，以增強效果。實際上，相框是一個非常簡單而令人滿意的CSS項目。