CSS的秘密《制作半透明边框》

1、默认情况下，背景会延伸到边框区域的下层2、以上默认行为带来的不便，可以通过background-clip属性进行调整；该属性的初始值为border-box，表示背景会被元素的borderbox（边框外框）裁剪掉，实现半透明边框。代码如下：body{background-image:url('./images/stone-art.jpg')}div{max-width:20em;填充：2em；保证金：2em自动0；字体：100%/1.5无衬线字体；/*设置一个通过边框的通道，然后是background-clip:padding-box*/background-color:#fff;border:10pxsolidhsla(0,0%,100%,.5);background-clip:padding-box}