css透明边框---background-clip神奇效果

.border{width:300px;高度：300px；背景：url("https://waiqin.oss-cn-shenzhen.aliyuncs.com/jxb-vip-ts/activitys/activitys15677540269589timg.jpg");背景尺寸：封面；左边距：100px；border:10pxsolidrgba(255,255,255,.6);背景剪辑：填充框；}背景剪辑：填充框；关键代码background-clip该属性的初始值为border-box，表示背景会被元素的borderbox（边框的外框）剪掉。如果我们不希望背景侵入边框的范围，我们要做的就是将它的值设置为padding-box，这样浏览器就会使用padding的外边缘来切割背景，而无需background-clip:填充框；效果可以看到背景图片被半透明边框露出来了。添加后，背景在边框处被截断