文章图片
文章图片
【边框图片】外框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;
}