CSS3是網頁設計領域的一個重要標準，它帶來了很多新的特性和效果，其中包括制作各種優美的背景框。下面將介紹一些常見的CSS3背景框制作方法。

/* 圓角框 */
.box {
width: 200px;
height: 100px;
border: 3px solid #ccc;
border-radius: 10px;
}
/* 漸變框 */
.box {
width: 200px;
height: 100px;
background: linear-gradient(to bottom, #fff, #ccc);
border: 3px solid #ccc;
}
/* 陰影框 */
.box {
width: 200px;
height: 100px;
box-shadow: 0 0 10px #ccc;
}
/* 內陰影框 */
.box {
width: 200px;
height: 100px;
box-shadow: inset 0 0 10px #ccc;
}
/* 圖片邊框 */
.box {
width: 200px;
height: 100px;
border: 3px solid transparent;
border-image: url(border.jpg) 30 30 round;
}

以上代碼中，每個.box代表一個背景框實例，在其中設置不同的CSS3屬性可以實現不同的效果。具體來說：

• 圓角框效果是通過border-radius屬性實現的，數字越大圓角越大；
• 漸變框效果是通過background和linear-gradient屬性實現的，to bottom表示從上到下的漸變，#fff和#ccc是起始和結束顏色；
• 陰影框效果是通過box-shadow屬性實現的，第一個數字是水平偏移量，第二個數字是豎直偏移量，第三個數字是模糊半徑，第四個是陰影顏色；
• 內陰影框效果是通過box-shadow和inset屬性實現的，inset表示內陰影；
• 圖片邊框效果是通過border-image屬性實現的，第一個參數是邊框圖片的URL地址，第二個和第三個參數是拉伸的像素數，第四個參數是邊框圓角半徑。

以上就是一些常見的CSS3背景框制作方法，希望對大家有所幫助。