css 边框图片,css边框背景图片,css边框样式代码,css3设置边框,css边框效果,css做边框
CSS3 边框图像（CSS3 Border-Image）是一种 CSS3 新增的边框样式，可以用于将图像作为元素的边框，并控制边框图像的排列方式和缩放等属性。

在使用 CSS3 边框图像时，需要设置 border-image 属性，该属性包含以下五个值：

1. border-image-source：指定边框图像的 URL；
2. border-image-slice：指定如何切割边框图像，以便将其平铺到边框上；
3. border-image-width：指定边框图像的宽度；
4. border-image-outset：指定边框图像相对于边框框线的偏移量；
5. border-image-repeat：指定如何平铺边框图像。

以下是一个简单的例子，展示了如何将一张图片应用于元素的边框中：

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


上述代码中，border-image 属性的值表示将名为 "border.png" 的图片应用于元素的边框中，边框大小为 30 像素，呈现圆角效果。