1. 使用图片当做边框,必须先设置边框 border
border:solid 5px #ccc
2. 图片边框不占用空间。div里如果放内容,内容还是和border有关系,和border-image没有关系
3. 盒子不能太小,至少应该把图片边框显示完整。
border-image:图片地址 切割位置/图片边框的宽度 效果(默认是拉伸)
//复合写法
border-image: url('./images/border.jpg') 167/20px;
//
border-image-source: url('./images/border.jpg');
border-image-slice: 167 167 167 167;(上右下左)
border-image-width: 20px;
border-image-repeat: round;//环绕
border-image-repeat: repeat;//平铺
border-image-repeat: stretch;//拉伸(默认)