关于css3:边框图片

32次阅读

共计 350 个字符，预计需要花费 1 分钟才能阅读完成。

外框 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;
}