CSS3的圓角屬性讓網頁設計更加美觀，但如果想要在圓角上加上一些花邊，就要用到border-image屬性。

/* 定義花邊圖片 */
.border-image {
border-image: url("border.png") 30 30 round;
}
/* 應用到元素 */
.box {
border: 10px solid transparent;
padding: 20px;
border-image-slice: 30;
border-image-width: 10px;
border-image-outset: 2px;
border-image-repeat: round;
}

上述代碼中，.border-image定義了一個背景為border.png的花邊樣式，30為切片大小，round表示填充方式。.box是應用到元素的樣式，定義了圓角后的邊框外觀，其中border-image-slice為定義切片大小，border-image-width為定義邊框寬度，border-image-outset為定義邊框距離元素外邊框的距離，border-image-repeat為定義填充方式。

使用border-image屬性可以很好地實現圓角花邊的效果，讓網頁設計更具生命力。