边框图片

边框图片
文章图片

边框图片
文章图片

【边框图片】外框css:
.panel {
position: relative;
border: 15px solid transparent;
border-width: 0.6375rem 0.475rem 0.25rem 1.65rem; //上下左右的边框高度取最大值
border-image-source: url(../images/border.png);
border-image-slice: 51 38 20 132; //截取图片相应的位置放到边框上
margin-bottom: 0.25rem;
}
里边内容css:
.inner {
position: absolute;
top: -0.6375rem;
left: -1.65rem;
right: -0.475rem;
bottom: -0.25rem;
padding: 0.3rem 0.45rem;
}

    推荐阅读