css 用图片作为边框的事例分享

1、首先我们找到先创建一个静态页面，在 body 里面直接写入一个 div（比较常见）非常简单的用div的边框来演示；

2、我们先正常的为 div 设置一下 宽和高 还有边框属性，页面位置（这里 margin是为了让div 在网页居中，边框的厚度就宽一点。颜色选红色）

3、然后我们实现如图一的效果，关键在于

border-image属性，url 根据路径获取图像，12 是切取图像的边距（具体的百度解释有点绕口）之后 round（水平铺满） stretch（垂直拉伸）

4、第二个则是跟改变一下 水平 和  垂直的效果；

即使  stretch（水平拉伸）   stretch（垂直拉伸）

（还有一个属性  repeated  平铺；）

5、第三个效果则是 控制 一下边距的细节达到的;

border-imag：url（） A B C D;对应的就是 上 右 下  左；