DIV上的图像边框

Question

是否可以使用宽度为480像素,高度为360像素的图像并将其应用于div边框？我知道可以将下面的css代码实现为边框,但我似乎无法弄清楚如何使用图像.

border:1px solid blue;

Answer 1

CSS3规范具有该border-image属性.查看这篇文章:http://css-tricks.com/understanding-border-image/,了解如何使用它.

总结一下:

您应用边框图像,如下所示:

border-image: url(border-image.png) 25% repeat;

通过提供图像的URL,切片图像的位置以及将图像应用于元素边框的行为.