如果我们想在边框而不是背景上应用图片，最简单的方法就是使用两层标签，外层标签设置背景图像，内层标签设置背景颜色到白色就可以达到效果，但是如果只用一层标签呢？其实思路就是在背景图片上面加一层纯白色的纯色背景。代码如下：div{padding:1em;border:1em实心透明;背景：线性渐变（白色，白色），url（../images/stone-art.jpg）；背景尺寸：封面；背景剪辑：填充框，边框框；背景来源：边框框；}或者简而言之：div{padding:1em;border:1em实心透明;背景：线性渐变（白色，白色）填充框，url（../images/stone-art.jpg）边框框0/封面；}具体效果看链接再展开，如果想实现如下图的边框图片看起来像一个信封。实际上有两种方法可以做到这一点。重复线性渐变div{padding:1em;border:1em实心透明;背景：线性渐变（白色，白色）填充框，重复线性渐变（-45deg，红色0，红色12.5%，透明0，透明25%,#58a0,#58a37.5%,透明0,透明50%)0/6em6em;最大宽度：20em；字体：100%/1.6Baskerville、Palatino、serif；}具体效果见链接Useborder-imagediv{padding:1em;边框：16px实心透明；border-image:16repeating-linear-gradient(-45deg,red0,red1em,transparent0,transparent2em,#58a0,#58a3em,transparent0,transparent4em);最大宽度：20em；字体：100%/1.6Baskerville、Palatino、serif；}具体效果看链接但是border-image方法有一些问题。每当我们改变border-image-slice时，我们需要修改borderwidth使它们相互匹配由于我们不能在border-image-slice属性中使用em单位，我们只能指定borderthickness为像素单位。条纹的宽度需要写在色标的位置信息中，所以我们在更改条纹宽度的时候需要修改四个地方，暂时写在这里，以后再添加
