CSS3 图片边框

border-image 属性可以用来设置元素的图片边框效果。也就是说，border-image 允许你指定一个图片作为边逛，例如下面的示例：

div{
	border-image:url(border.png) 30 30 round;
	-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 and older */
	-o-border-image:url(border.png) 30 30 round; /* Opera */
}

border-image 属性接受图像，并将其切成九部分，就像井字游戏板。然后，将拐角放置在拐角处，并根据您的设置重复或拉伸中间部分。

注意：为了使 border-image 起作用，该元素还需要设置 border 属性！

border-image 属性实际上是以下属性的简写属性：

• border-image-source
• border-image-slice
• border-image-width
• border-image-outset
• border-image-repeat

CSS 边框图像属性