border-image和border-radius

border-image是CSS3新增的属性，用于设置边框图片。它可以让我们使用一张图片来代替边框的样式，同时还可以控制边框的宽度、样式和颜色等属性。而border-radius则是用于设置元素的圆角效果，可以让元素的边角变得圆润。

举个例子，如果我们想要给一个div元素设置一个边框图片，并且让它的边角变得圆润，可以这样写：

div {
  border-image: url(border.png) 30 30 round;
  border-radius: 10px;
}

其中，`url(border.png)`表示边框图片的路径，`30 30`表示边框图片的宽度和高度，`round`表示边框图片的拉伸方式为圆角拉伸。而`border-radius: 10px`则表示元素的四个角都设置为10像素的圆角。