SOURCE

<!-- 给一个容器设置一层白色背景和一道半透明白色边框 -->
<div></div>

div{
    width: 100px;
    height: 100px;
    background: #fff;
       /* 默认情况 ，背景会延伸到边框所在的区域下层*/
    border: 10px solid hsla(0,0%,100%,.5);
    /* 通过这个属性来调整，它的默认值为border-box:意味着背景会被元素的边框的外沿框裁切掉 */
    /* 设置为padding-box:用内边距的外沿裁切背景 */
    background-clip: padding-box;

}