边框，图像

使用 border-image 属性，你可以设置要使用的图像而不是普通的边框样式。

border-image 基本上由 a 组成

• border-image-source：要使用的图像的路径
• border-image-slice：指定用于将图像分成九个区域 （ 四个角，四个边和一个中间 ） 的偏移量
• border-image-repeat：指定如何缩放边框图像的边和中间的图像

请考虑以下示例 wheras border.png 是 90x90 像素的图像：

border-image: url("border.png") 30 stretch;

图像将分为 9 个区域，30x30 像素。边缘将用作边框的角落，而边缘将用于其间。如果元素高于/大于 30px，则图像的这一部分将被拉伸。图像的中间部分默认为透明。