border-image用法

这里通过三个实例讲解一下border-image:

原图是这样子的：

接下来我们使用border-image来处理这个图片为边框图：

第一种：

代码：

<div style="        background:#F4FFFA;       width:100%;        height:210px;        border:41px solid #ddd;          border-image:url(./imgs/333.png) 70 repeat "></div>

第二种：

代码：

<div style="    background:#F4FFFA;   width:100%;    height:210px;    border:70px solid #ddd;      border-image:url(./imgs/333.png) 70 round"></div>

第三种：

代码：

<div style="    background:#F4FFFA;   width:100%;    height:210px;    border:70px solid #ddd;      border-image:url(./imgs/333.png) 70 stretch"></div>